Jquery常用功能_jquery常见功能

	- :odd
	- :eq(index)
	- :gt(index)

• 元素节点

  • eq(num) 元素节点
  • eq(num).next() eq(num)后一个兄弟节点
  • eq(num).nextAll() eq(num)后面所有兄弟节点
  • eq(num).prev() eq(num)前一个兄弟节点
  • eq(num).prevAll() eq(num)前的所有兄弟节点
  • eq(num).siblings() 除eq(num)外的所有兄弟节点
    • 如果siblings()内写参数，则相当于筛选出元素中有参数的元素

• 属性操作

  • $(“ul li:odd”)：所有li的偶数项元素
  • $(“ul li:even”)：奇数
  • $(“ul li:first”)：第一个
  • $(“ul li:last”)：最后一个

• 克隆

  • clone
    • 不加参数，默认false，不克隆事件
    • 参数true，可以克隆事件

      <button>克隆</button>
  
      <ul>
          <li>111</li>
          <li>222</li>
      </ul>
  
      <script>
  
   $('button').on({
   'click': function () {
   $('ul li').eq(0).clone(true).appendTo('ul')
   // 默认是false 
   // true可以克隆事件
   }
   })
  
   $('ul li').on('click', function () {
   $(this).animate({ "fontSize": 50 })
   })
  
   </script>
  
  

• 过滤、排除、包含

  • 过滤 filter
  • 排除 not
  • 包含 has

• 添加、删除class

  • addClass() 添加
  • removeClass() 删除

• 特效

  • 三种效果

    • show() hide() 显示隐藏
    • fadeIn() fadeOut() 淡入淡出
    • slideUp() slideDown() 折叠与展开

  • hade的三个参数

    • 第一个:速度，时间（毫秒）fast slow
    • 第二个:匀速，linear 慢快慢（默认）swing
    • 第三个:回调函数

  • 自定义

    • animate(p,[s],[e],[fn])
    • stop([c],[j])：停止动画
    • finish([queue])：完成动画

• jquery链式操作

  • 一行代码同时实现写入html、添加背景、以及添加事件

    $('div').html('jquery').css('background', 'red').click(function () {
        alert(this.innerHTML)
    })

• 元素宽度

  • offsetWidth = width+border+padding
  • $(‘div’).width() = width
  • $(‘div’).innerWidth() = width + padding
  • $(‘div’).outerWidth() = width + padding + border

总结

三套“算法宝典”

算法刷题LeetCode中文版（为例）

人与人存在很大的不同，我们都拥有各自的目标，在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人，但是我深刻知道自己想要的是一年比一年有进步。

最后，我想说的是，无论你现在什么年龄，位于什么城市，拥有什么背景或学历，跟你比较的人永远都是你自己，所以明年的你看看与今年的你是否有差距，不想做咸鱼的人，只能用尽全力去跳跃。祝愿，明年的你会更好！

由于篇幅有限，下篇的面试技术攻克篇只能够展示出部分的面试题，详细完整版以及答案解析，有需要的可以关注