4.12 jquery学习

1.jquery介绍：

一个快速、小巧且功能丰富的JavaScript库。

它使HTML文档遍历和操作、事件处理、动画和Ajax等工作变得更加简单，是一个易于使用的、可跨多种浏览器工作的API。

jQuery结合了多功能性和可扩展性，改变了数百万人编写JavaScript的方式。

2. jquery的使用：

在官网下载jquery文件引入使用即可

选择器：和css选择器一样的使用方法

        注：$(选择器)返回的是jquery对象（伪数组），与dom节点对象不一样

3.查找删选元素

• 查找祖先元素           parent()、parents()、parentsUntil()
• 查找后代元素           children()、find() 

 $('#d1').find('p') 找div元素中的p元素

 

• 向前查找兄弟元素     prev()、prevAll()、prevUntil() 
• 向后查找兄弟元素     next()、nextAll()、nextUntil()
• 查找所有兄弟元素     siblings()
• 选择元素集合中指定下标的元素 eq(n) 注:下标从0开始          

 

• 查找元素集合中第一个和最后一个元素  first()  last()
• 查找元素在父元素里面索引位置 index()

4.操作内容

• $().html()    ===   innerHTML 
• $().text()     ===   innerText
• $().val()       ===   value

 5.操作属性

• 给一个元素添加某个属性 $().prop()

 

 

• 给一个元素添加某个自定义属性 $().attr()

 

 

 

•  移除元素的某一个属性

 

• attr与prop区别 
• = prop在获取单选框&复选框选中状态的时候
  => true
  => attr在获取单选框&复选框选中状态的时候
  => checked
   

 

6.操作样式

•         $().css() 

 

•  $().addClass()
• $().removeClass()
• $().toggleClass() ==> 

 

 7.操作事件

• 绑定事件的方法

 

• 移除事件 

 

 

•  只能执行一次的事件

 

•  直接触发事件

 

•  可以直接绑定常用事件

 

•  实现绑定事件覆盖效果

 

• $(selector).ready(function(){}) 

 

 

• 链式写法Chaining 

 

•