首页 > 代码库 > 《jQuery基础教程(第四版)》学习笔记

《jQuery基础教程(第四版)》学习笔记

第2章 选择元素

1. 使用$()函数

  $()函数其实是创建了一个jQuery对象. 这个函数接受CSS选择符作为参数,充当一个工厂, 返回包含页面中对应元素的jQuery对象. 所有能在样式表中使用的选择符都可以传给这个函数, 随后就可以对匹配的元素集合应用jQuery方法.

  在jQuery中,美元符号$其实就是标示符jQuery的"别名". 

2. 选择符

1. 基本选择符    $(‘p‘)          //取得所有标签为p的元素    $(‘.class‘)     //取得所有类为class的元素    $(‘#id‘)        //取得id为id的元素                    //以及其他css中的选择符2. 属性选择符    $(‘img[alt]‘)   //选择带有alt属性的所有图像元素    //^表示值在字符串的开始, $表示值在字符串的结尾. *表示要匹配的值可以出现在字符串的任意位置, !表示对值取反    $(‘a[href^="mailto:"]‘)     //选择页面中所有mailto:链接    $(‘a[href$=".pdf"]‘)        //选择页面中所有pdf文档链接    $(‘a[href^="http"][href*="henry"]‘) //选择href属性以http开头且在任意位置包含henry的元素3. 自定义选择符    $(‘div.horizontal:eq(1)‘)   //取得集合中的第二个元素    $(‘tr:even‘)                //选择奇数行. 之所以是奇数行是因为第一行的编号是0    $(‘tr:nth-child(odd)‘)      //选择奇数行. :nth-child()是jq中唯一从1开始计数的选择符    $(‘tr:contains(Henry)‘)     //根据上下文内容选择元素. contains选择符区分大小写4. 基于表单的选择符    $(‘input[type="radio"]:checked‘)    //可以选择所有选中的单选按钮    $(‘input[type="text"]:disabled‘)    //选择禁用的文本输入字段

  更多的基于表单的选择符

    :input    :button    :enabled    :disabled    :checked:selected

3. DOM遍历方法

《jQuery基础教程(第四版)》学习笔记