- 首页 > 资讯 > JavaScript > 正文
jQuery开发之jQuery选择器一
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
}
- 上一篇：js递归实现包名转换成对应的层级对象c
- 下一篇：JQuery的Ajax跨域请求的
相关文章
图文推荐
- 文章
- 推荐
- 热门新闻