jQuery学习第三课(选择器第一讲)

什么是jquery选择器

jquery中的选择器完全继承了css1.0~2.0的风格，实现少部分css3选择器

，如果对于CSS选择器非常了解，那么学习jquery选择器会非常简单。

利用jquery选择器可以非常快速的找出你想要的DOM元素，然后为这些

DOM元素添加你想要的效果，无需担心浏览器的兼容。

实例：演示选择器浏览器的兼容性(子选择器)

小结：jquery选择器的写法与css非常相近，但是作用不同。css选择的元

素只能对基添加样式(CSS表达式除外，项目中基本不允许有css表达式，

而且IE8标准模式已经取消对css表达式的支持)，jquery选择器找到的元

素可以为其添加行为。

 jquery选择器的优势

1.完全支持CSS1.0~2.0的选择器，支持部分CSS3选择器，学习曲线平缓，可以快速上手

2.完美的容错机制

即使页面上没有该元素，jquery也不会报错

jquery选择器的种类

1.基本选择器

①#id，选择ID的元素

②.class，类名选择器

③element，标签选择器

④*，选择所有元素

⑤E1，E2，E3，... En，多重选择器

2. 层次选择器

①E F，选择E元素所有的后代元素

② E>F，选择E元素的子元素，子选择器

③ E+next，选择E元素后的紧临的兄弟元素，等价于.next()

④ E~siblings，选择E元素后的所有兄弟元素，等价于.nextAll()

下集预告

jquery选择器之过滤选择器

a.基本过滤选择器

b.内容过滤选择器

c.可见性过滤选择器

d.属性过滤选择器

e.子元素过滤选择器

f.表单过滤选择器