JQuery学习笔记

id选择器:一个用来查找的ID,即元素的id属性

$( "#id" )

id选择器也是基本的选择器,jQuery内部使用JavaScript函数document.getElementById()来处理ID的获取。原生语法的支持总是非常高效的,所以在操作DOM的获取上,如果能采用id的话尽然考虑用这个选择器

!!!

id是唯一的,每个id值在一个页面中只能使用一次。如果多个元素分配了相同的id,将只匹配该id选择集合的第一个DOM元素。但这种行为不应该发生;有超过一个元素的页面使用相同的id是无效的

 

类选择器:顾名思义,通过class样式类名来获取节点

描述:

$( ".class" )

元素选择器:根据给定(html)标记名称选择所有的元素

描述:

$( "element" )

$( "parent > child" ) 
子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。

$("ancestor descendant")
后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等

$("prev + next")
相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素

$("prev ~ siblings")
一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器

$( "parent > child" ) 子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。

$("ancestor descendant") 后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等 $("prev + next")

相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings")

一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器 $( "parent > child" )

 

存储接口:

jQuery提供的存储接口

jQuery.data( element, key, value )   //静态接口,存数据
jQuery.data( element, key )  //静态接口,取数据   
.data( key, value ) //实例接口,存数据
.data( key ) //实例接口,存数据
jQuery.removeData( element [, name ] )//静态接口,删除数据
.removeData( [name ] )//实例接口,删除数据


 

posted on 2017-02-14 10:08  薄凉京  阅读(93)  评论(0编辑  收藏  举报

导航