老生常谈jquery id选择器和class选择器的区别
实例如下：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link href="style.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="jquery-2.1.4.js"></script> <script type="text/javascript" src="dams.js"> </script> </head> <body> <div class="box">hello</div> <div class="box">world</div> </body> </html> $(function(){ alert($('.box').size()); //返回2 });
size() 方法返回DOM对象的个数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<link href="style.css" rel="external nofollow" rel="external nofollow" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="jquery-2.1.4.js"></script>
<script type="text/javascript" src="dams.js">
</script>
</head>
<body>
<div id="box">hello</div>
<div id="box">world</div>
</body>
</html>
$(function(){
alert($('#box').size()); //只能获得一个id=box的DOM对象，返回1
});
即： id是唯一的，即使有多个id相同的元素，jquery选择器也只能获取其中一个 。所以：想在jquery中对id设置动作， id在页面中只允许出现一次。
对于CSS样式来说，可以选取页面中所有id=box的DOM对象：
#box {
color: red;
};
jQuery选择器的写法和CSS选择器十分类似，但是功能却不同：
CSS找到元素后添加的是单一样式，而jquery添加的是动作行为。
以上这篇老生常谈jquery id选择器和class选择器的区别就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
我看到一个选择器，并且必须查找它。 选择每个
-
id 和 class 选择器 如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id" 和 "class"选择器。 id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义。 以下的样式规则应用于元素属性 id="para1": #para1 { text-align:cente
-
本文向大家介绍css中class和id选择器有什么区别？相关面试题，主要包含被问及css中class和id选择器有什么区别？时的应答技巧和注意事项，需要的朋友参考一下 id 在部分浏览器的 js 中会直接生成同名变量； id 的唯一性，获取该 id 的 dom 时，会取同名 id 的前者； id 层叠权重非常高，1000 个 class 也覆盖不了 id 的样式； class 可以用空格给同个元素
-
本文向大家介绍相邻兄弟选择器、后代选择器和子选择器三者有什么区别？相关面试题，主要包含被问及相邻兄弟选择器、后代选择器和子选择器三者有什么区别？时的应答技巧和注意事项，需要的朋友参考一下 后代选择器与子选择的关系：后代选择器>子选择器。 后代选择器：包括父元素的子元素以及孙子元素（代表符号：空格） 子选择器：包括父元素的子元素（仅仅是子元素）（代表符号：>） 相邻兄弟选择器与后续兄弟选择的关系：后
-
本文向大家介绍浅谈谈Android 图片选择器，包括了浅谈谈Android 图片选择器的使用技巧和注意事项，需要的朋友参考一下 ImageSelector 简介 Android自定义相册，实现了拍照、图片选择（单选/多选）、ImageLoader无绑定 任由开发者选择 https://github.com/YancyYe/ImageSelector Demo Download Apk 更新内容 U
-
使用省市区选择器，你需要在 sm.js 和 sm.css 之后额外引入如下JS文件： <script type="text/javascript" src="//g.alicdn.com/msui/sm/0.6.2/js/sm-city-picker.min.js" charset="utf-8"></script> 省市区选择器也是一个定制的picker，因此他的用法和picker完全一致，请参