jQuery开发之jQuery选择器一

页面导航:首页 > 网络编程 > JavaScript > jQuery开发之jQuery选择器一

jQuery开发之jQuery选择器一

来源: 作者: 时间:2016-01-23 10:23 【

1,CSS选择器 常用的css选择器如下表: 2,jQuery选择器 CSS 获取到元素的代码如下: demo{ 给class为demo的元素添加样式 }jQuery获取元素的代码如下:$( " demo ") clic

1,CSS选择器
常用的css选择器如下表:
这里写图片描述
这里写图片描述

2,jQuery选择器<喎"http://www.2cto.com/kf/ware/vc/" target="_blank" class="keylink">vc3Ryb25nPjxiciAvPg0KQ1NTILvxyKG1vdSqy9i1xLT6wuvI58/Co7o8L3A+DQo8cHJlIGNsYXNzPQ=="brush:java;"> .demo{ //给class为demo的元素添加样式 ... }

jQuery获取元素的代码如下:

$(".demo").click(function(){ //给class为demo的元素添加行为
...
});

jQuery选择器和选择器的写法十分相似,只不过两者的作用效果不同,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 
}
Tags:

相关文章

    文章评论

    
    <