《jQuery基础教程(第四版)》学习笔记
Posted 杠子
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了《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基础教程(第四版)》学习笔记的主要内容,如果未能解决你的问题,请参考以下文章
Ajax本地跨域问题 Cross origin requests are only supported for HTTP(针对jQuery基础教程第四版第六章)
2018-04-19 《鸟哥的Linux私房菜 基础学习篇(第四版)》 第15章 例行性工作排程 笔记
2018-04-26 《鸟哥的Linux私房菜 基础学习篇(第四版)》 第21章 软件安装_原始码与Tarball 笔记