jquery学习之路jquery之一：jquery选择元素的方法，太神了 2012.8.2

1.css选择器

例子：
a 匹配所有连接<a>标签
#sss 所有id为sss的元素
a#sss.yangshi 所有id为sss并且有yangshi类的a元素
p a.sss 所有在p中带有sss类的a元素

ul>li>p>a 在ul里的第一层元素li的第一层元素p的第一层元素a ，也就是孩子元素
a[href^=http://] 表示所有连接为开头http：//的a元素
a[hre*f=*http://]
a[href$=http://]

p:has[a] 所有有a元素的p元素

总结：
.表示是类 #表示是id 空格表示在里面
> 直接的子元素，孩子元素
[]特性符号，具有某种特性的某个元素，可以用正则例如：^托头，就是头部是什么的，*包含，$结尾
has有什么的元素

2.位置选择

:first 第一个
:last 最后一个
:first-child 第一个子元素
:last-child 最后一个子元素
:even 偶数的元素
: odd 奇数的元素
：eq（n）这个太牛逼了，会数数的都能用好，n从0开始，编程的都知道吧
:lq(n) 第n个元素以后的所有元素，不包括本身
:gq(n)第n个元素之前的所有元素，不包括本身
第几个说的都是同种元素并不是所有元素，例如a:eq(n)就是a元素的第几个
还有很多具体参考锋利的jquery27页

3.自定义选择器

:animated
:button
:checked
:contains(foo)
:disabled
:enabled
:file
:header
:image
:input
:not
:parent
:radio
:reset
:selected
:submit
:text
:visible
参考锋利的jquery
对冒号的理解就是符合冒号后面条件的元素

转载于:https://www.cnblogs.com/weiwin/archive/2012/08/03/2621208.html

jquery学习之路jquery之一：jquery选择元素的方法，太神了 2012.8.2相关推荐

小白的jquery学习之路之天猫04 效果 fadeTo animate方法天猫图片滑动效果
效果淡入淡出 fadeTo([[s],o,[e],[fn]]) // 图片的透明度在2秒时间到0.3 $("#dog").fadeTo(2000,0.3); fad ...
jQuery学习（十二）—jQuery中对象的查找方法总结
jQuery学习(十二)-jQuery中对象的查找方法总结一.find方法作用:在元素1中查找元素2,类似于选择器中的后代选择器格式:元素1.find(元素2),元素2为CSS选择器或者jQue ...
html name选择器,2种用jQuery按name属性选择元素的方法
学习2种用jQuery按name属性选择元素的方法,拿走不谢! 给定一个HTML文档,如何使用jQuery按name属性选择元素? 在jQuery中,可以使用2个方法通过name属性选择元素:下面就来 ...
jquery笔记一：下载安装、语法、选择器、遍历选择元素的方法、jQuery动画
目前 jQuery 兼容于所有主流浏览器, 包括 IE 6!开发时常用 jquery.js,上线用 jquery.min.js. jq插件目前jQuery有三个大版本: (1)1.x.x: 兼容ie ...
jQuery学习笔记01：初试jQuery
jQuery学习笔记01:初试jQuery 一.下载jQuery jQuery官网:https://jquery.com 二.案例演示--Welcome to jQuery World 1.在WebS ...
统计学习之路|（一）统计学习理论与方法概述
统计学习之路|(一)统计学习理论与方法概述各位小伙伴们大家好!经过一段时间的思考,我决定将开更一个"天坑系列":统计学习之路.希望自己能够坚持更下去. 之所以称之为&qu ...
jquery学习手记（2）jQuery对象和DOM对象相互转换
DOM对象 DOM文档对象模型,每一份DOM都可以表示成一棵树. 可以通过js中的getElementById或者getElementById来获取DOM对象. DOM对象可以使用js中的方法. 示例 ...
Jquery学习总结（1）——Jquery常用代码片段汇总
1. 禁止右键点击 ? 1 2 3 4 5 $(document).ready(function(){ $(document).bind("contextmenu",fun ...
jQuery 学习之路（1）：引子
一.主流 javascript 库除 jQuery 外,还有 Prototype.Dojo.YUI.ExtJS.MooTools ,其中 Prototype 较老,结构设计较为松散,ExtJS 界面 ...

jquery学习之路jquery之一：jquery选择元素的方法，太神了 2012.8.2

jquery学习之路jquery之一：jquery选择元素的方法，太神了 2012.8.2相关推荐

最新文章

热门文章