-
元素选择器:根据给定的(html)标记名称选择所有的元素。
$("select");
javascript中用getElementByTagName的方法获取到页面中的所有需要获取的元素。getElementByTagName()获取到的是一个对象数组
查看全部 -
类选择器可以选择到多个与之相同的类名的DOM元素并给与它们相同的样式。
$(".calss")
在JavaScript中getElementsByTagName通过传入标签名获取对象数组,返回的是一个对象集合。getElementById传入标签的id来获取对象返回的一个具体的对象
查看全部 -
id选择器是jQuery选择器中的最基本的选择器
注意:
id是惟一的,在一个页面中id只能使用一次,如果有多个元素使用了相同的id,那么,id选择器只选择第一个DOM元素。
查看全部 -
:hidden选择器,不仅仅包含样式是display="none"的元素,还包括隐藏表单、visibility等等
我们有几种方式可以隐藏一个元素:
CSS display的值是none。
type="hidden"的表单元素。
宽度和高度都显式设置为0。
一个祖先元素是隐藏的,该元素是不会在页面上显示
CSS visibility的值是hidden
CSS opacity的指是0
如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度,是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的,因为他们仍然占用空间布局。
查看全部 -
:contains与:has都有查找的意思,但是contains查找包含“指定文本”的元素,has查找包含“指定元素”的元素
如果:contains匹配的文本包含在元素的子元素中,同样认为是符合条件的。
:parent与:empty是相反的,两者所涉及的子元素,包括文本节点
查看全部 -
:eq(), :lt(), :gt(), :even, :odd 用来筛选他们前面的匹配表达式的集合元素,根据之前匹配的元素在进一步筛选,注意jQuery合集都是从0开始索引
gt是一个段落筛选,从指定索引的下一个开始,gt(1) 实际从2开始
查看全部 -
子选择器
$('div > p')
后代选择器
$('div p')
相邻兄弟选择器
$(".prev + div")
一般兄弟选择器
$(".prev ~ div")
查看全部 -
元素选择器:根据给定(html)标记名称选择所有的元素
$( "element" )
查看全部 -
id选择器:一个用来查找的ID,即元素的id属性
id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的
查看全部 -
<div>元素一</div> <div>元素二</div> <div>元素三</div>
var $div = $('div') //jQuery对象 var div = $div[0] //转化成DOM对象 div.style.color = 'red' //操作dom对象的属性
用jQuery找到所有的div元素(3个),因为jQuery对象也是一个数组结构,可以通过数组下标索引找到第一个div元素,通过返回的div对象,调用它的style属性修改第一个div元素的颜色。这里需要注意的一点是,数组的索引是从0开始的,也就是第一个元素下标是0
jQuery对象自身提供一个.get() 方法允许我们直接访问jQuery对象中相关的DOM节点,get方法中提供一个元素的索引:
var $div = $('div') //jQuery对象 var div = $div.get(0) //通过get方法,转化成DOM对象 div.style.color = 'red' //操作dom对象的属性
查看全部 -
属性筛选选择器中 [attr="value"]和[attr*="value"]是最实用的 例子:
$('div[name=p1]')查找所有div中,属性name=p1的div元素
$('div[name*="test"]')查找所有div中,有属性name中的值含有一个test字符串的div元素
查看全部 -
YY查看全部
-
u查看全部
-
jQuery选择器之基本筛选选择器
查看全部 -
jQuery选择器之层级选择器
子元素 后代元素 兄弟元素 相邻元素
查看全部
举报