JQuery小结

1. jQuery 如何获取元素

   • 元素选择器

     jQuery 使用 CSS 选择器来选取 HTML 元素。

     $("p") 选取 <p> 元素。

     $("p.intro") 选取所有 class=“intro” 的 <p> 元素。

     $("p#demo") 选取所有 id=“demo” 的 <p> 元素。

   • 属性选择器

     $("[href]") 选取所有带有 href 属性的元素。

     $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

     $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

     $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

2. jQuery 的链式操作是怎样的

   选中网页元素以后，可以对它进行一系列操作，并且所有操作可以连接在一起，以链条的形式写出来，比如：

   $('div').find('h3').eq(2).html('Hello')

   分解开来，就是下面这样：

   $('div') //找到div元素

   　　　.find('h3') //选择其中的h3元素

   　　　.eq(2) //选择第3个h3元素

   　　　.html('Hello'); //将它的内容改为Hello

3. jQuery 如何创建元素

   • .append() 在被选元素的结尾插入内容
   • .prepend() 在被选元素的开头插入内容
   • .after() 在被选元素之后插入内容
   • .before() 在被选元素之前插入内容

4. jQuery 如何修改元素的属性

   • .attr()获取匹配的元素集合中的第一个元素的属性的值。设置每一个匹配元素的一个或多个属性。
   • .prop()获取匹配的元素集中第一个元素的属性（property）值为匹配的元素设置一个或多个属性（properties）。
   • .removeAttr() 为匹配的元素集合中的每个元素中移除一个属性（attribute）。
   • .removeProp()为集合中匹配的元素删除一个属性（property）。
   • .val()获取匹配的元素集合中第一个元素的当前值。设置匹配的元素集合中每个元素的值。