jquery如此之好用，和其在获取对象时使用与css选择器兼容的语法有很大关系，毕竟css选择器大家都很熟悉（关于css选择器可以看看十分钟搞定css选择器），但其强大在兼容了css3的选择器，甚至多出了很多。
有了CSS选择器基础后，看jQuery的选择器就很简单了。
| 基本选择器 | |
| $(‘*’) | 匹配页面所有元素 |
| $(‘#id’) | id选择器 |
| $(‘.class’) | 类选择器 |
| $(‘element’) | 标签选择器 |
| 组合/层次选择器 | |
| $(‘E,F’) | 多元素选择器，用”,分隔，同时匹配元素E或元素F |
| $(‘E F’) | 后代选择器，用空格分隔，匹配E元素所有的后代（不只是子元素、子元素向下递归）元素F |
| $(E>F) | 子元素选择器，用”>”分隔，匹配E元素的所有直接子元素 |
| $(‘E+F’) | 直接相邻选择器，匹配E元素之后的相邻的同级元素F |
| $(‘E~F’) | 普通相邻选择器（弟弟选择器），匹配E元素之后的同级元素F（无论直接相邻与否） |
| $(‘.class1.class2’) | 匹配类名中既包含class1又包含class2的元素 |
| 基本过滤选择器 | |
| $("E:first") | 所有E中的第一个 |
| $("E:last") | 所有E中的最后一个 |
| $("E:not(selector)") | 按照selector过滤E |
| $("E:even") | 所有E中index是偶数 |
| $("E:odd") | 所有E中index是奇数 |
| $("E:eq(n)") | 所有E中index为n的元素 |
| $("E:gt(n)") | 所有E中index大于n的元素 |
| $("E:ll(n)") | 所有E中index小于n的元素 |
| $(":header") | 选择h1~h7 元素 |
| $("p:animated") | 选择正在执行动画效果的元素 |
| 内容过滤器 | |
| $(‘E:contains(value)’) | 内容中包含value值的元素 |
| $(‘E:empty’) | 内容为空的元素 |
| $(‘E:has(F)’) | 子元素中有F的元素，$(‘p:has(a)’):包含a标签的p |
| $(‘E: parent’) | 父元素是E的元素，$(‘td: parent’):父元素是td的元素 |
| 可视化选择器 | |
| $(‘E:hidden’) | 所有被隐藏的E |
| $(‘E:visible’) | 所有可见的E |
| 属性过滤选择器 | |
| $(‘E[attr]’) | 含有属性attr的E |
| $(‘E[attr=value]’) | 属性attr=value的E |
| $(‘E[attr !=value]’) | 属性attr！=value的E |
| $(‘E[attr ^=value]’) | 属性attr以value开头的E |
| $(‘E[attr $=value]’) | 属性attr以value结尾的E |
| $(‘E[attr *=value]’) | 属性attr包含value的E |
| $(‘E[attr][attr *=value]’) | 可以连用 |
| 子元素过滤器 | |
| $(‘E:nth-child(n)’) | E的第n个子节点 |
| $(‘E:nth-child(3n+1)’) | E的index符合3n+1表达式的子节点 |
| $(‘E:nth-child(even)’) | E的index为偶数的子节点 |
| $(‘E:nth-child(odd)’) | E的index为奇数的子节点 |
| $(‘E:first-clild’) | 所有E的第一个子节点 |
| $(‘E:last-clild’) | 所有E的最后一个子节点 |
| $(‘E:only-clild’) | 只有唯一子节点的E的子节点 |
| 表单元素选择器 | |
| $(‘E:type’) | 特定类型的input |
| $(‘:checked’) | 被选中的checkbox或radio |
| $(‘option: selected’) | 被选中的option |
.find(selector) 查找集合每个元素的子节点
$('li.item-ii').find('li').css('background-color', 'red');.filter(selector) 过滤当前集合内元素
$('li').filter(':even').css('background-color', 'red');.ready(handler) 文档加载完成后执行的方法，区别于window.onload
动态WEB网站中的PHP和MySQL详细反映实际程序的需求，仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法，让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能，对常用的、强大的包
508
$(document).ready(function() { // Handler for .ready() called.});.each(function(index,element)) 遍历集合内每个元素
$("li" ).each(function( index ) {
console.log( index + ": " + $(this).text() );
});jQuery.extend( target [, object1 ] [, objectN ] ) 合并对象
var object = $.extend({}, object1, object2);以上就是如何更好的使用jQuery的常用方法总结的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
450
收藏
