1,CSS选择器 常用的css选择器如下表:
2,jQuery选择器 CSS 获取到元素的代码如下:
.demo{//给class为demo的元素添加样式…}
jQuery获取元素的代码如下:
$(“.demo”).click(function(){ //给class为demo的元素添加行为…});
jQuery选择器和CSS选择器的写法十分相似,只不过两者的作用效果不同,CSS选择器是找到元素后添加样式,而jQuery选择器是找到元素后添加行为。
jQuery选择器的优势
(1)简洁的写法
$()函数在很多的javaScript类库中都被当作一个选择器函数来使用,在jQuery中也不例外。其中$(“#ID”) 用来代替document.getElementById()函数,即通过ID取元素。$(“tagName”) 用来代替document.getElementByTagName()函数,即通过标签名获取HTML元素。
(2)支持CSS1 到CSS3选择器
(3) 完善的处理机制
需要注意的是,, $(“#tt”) 获取的永远都是对象,即使网页上没有此元素。因此当要用jQuery检查某个元素是否 存在时,不能使用一下代码:
if($(“#tt”)){//do something }
而应该根据获取元素的长度来判断,代码如下:
if($(“#tt”).length>0){//do something}
或者转换为DOM对象来判断,代码如下:
if($(“#tt”)[0]){// do something }
战胜困难,走出困境,成功就会属于你。