XYZ's Blog

1、工厂函数$()，在使用任何选择符之前，都要引用这个函数，美元符号加括号。
2、基本选择符，$('p'),$('#some-id'),$('#some-class')，分别对应选择元素、带该id的元素，带该类的元素。
3、Css选择符，Css中选择符在jQuery中同样适用。

$(document).ready(function(){
        $('.entry-post>h3').addClass('highlight');
    })

其中“>”为Css3选择符，类似的可以使用

$(document).ready(function(){
        $('div:not(.some-class)').addClass('highlight1');
    })

表示对不含“.some-class”类的div添加“.highlight1”类。
4、属性选择符，可以选择持有该属性的HTML元素

$(document).ready(function(){
        $('a[href^="mailto:"]').addClass('link1');
        $('a[href$=".pdf"]').addClass('link2');
        $('a[href^="http"][href*="google"]').addClass('link3');
    })

第一条表示对以“mailto:”开通的href属性的a元素增加“.link1”类，
第二条语句表示对以“.pdf”结束的href属性的a元素增加“.link2”类，
第三条表示以“http”开通，又包含“google”内容的href属性的a元素增加“.link3”类。
举一反三，可以使用到其他HTML元素，比如img，div等等。
5、自定义选择符，自定义选择可以帮助我们选择特定的元素

$(document).ready。y(function(){
        $('div.some-class:eq(0)').addClass('link1');
        $('div.some-class:nth-child(2)').addClass('link2');
        $('div.some-class:odd').addClass('link3');
        $('div.some-class:contains(some-content)').addClass('link4');
    })

第一条表示，对具有“.some-class”类的div的集合的第1个元素增加“.link1”类，由于js的历遍是从0开始的所以，所以0是表示第一个，1是表示第二个。
第二条表示，对具有“.some-class”类的div的集合的第2个元素增加“.link2”类，nth-child是自然数的子类，从1开始表示第一个，对应的还是first-child，last-child
第三条表示，对具有“.some-class”类的div的集合的偶数元素增加“link3”类，对应的还有“:even”表示奇数集合。
第四条表示，对具有“.some-class”类内容包含“some-content”的div集合增加一“link4”类。
6、表单选择符，表单选择符包括 :text :checkbox :radio :image :submit :reset :password :file （type属性值为选择符名称的输入元素）。
:input :button （输入框、按钮元素）
:enabled :disabled（启用/禁用的元素）
:checked :selected（勾选的单项选择按钮，复选框/选择的选择项元素）

$(':radio:checked');
$(':password, :text:disabled');

第一行表示已选择的单项按钮集合。
第二行表示选择密码输入框，禁用的文本输入框。