jQuery选择器中id和class的使用
2014-10-05 11:08
363 查看
<!doctype html>
<html>
<head>
<meta charset="gb2312">
<title>webrx-title</title>
<script src="js/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(e) {
$('div[id]').css('font-size','100px'); //根据给定的ID匹配一个元素。
$('div[class=aa]').html('1111111111111111'); //替换class内容
$('div[class^=nav-]').css('color','red'); //搜索到nav开头的应用样式
});
</script>
</head>
<body>
<div id="ddd">hello</div>
<hr>
<div id="myd2">header-div</div>
<hr>
<div class="aa">ok</div>
<div class="aa">ff</div>
<hr>
<div class="nav-left">menu1</div>
<div class="nav-right">menu1</div>
<div class="nav-center">menu1</div>
<div class="ok-nav">menu1</div>
</body>
</html>
<html>
<head>
<meta charset="gb2312">
<title>webrx-title</title>
<script src="js/jquery-1.11.1.min.js"></script>
<script>
$(document).ready(function(e) {
$('div[id]').css('font-size','100px'); //根据给定的ID匹配一个元素。
$('div[class=aa]').html('1111111111111111'); //替换class内容
$('div[class^=nav-]').css('color','red'); //搜索到nav开头的应用样式
});
</script>
</head>
<body>
<div id="ddd">hello</div>
<hr>
<div id="myd2">header-div</div>
<hr>
<div class="aa">ok</div>
<div class="aa">ff</div>
<hr>
<div class="nav-left">menu1</div>
<div class="nav-right">menu1</div>
<div class="nav-center">menu1</div>
<div class="ok-nav">menu1</div>
</body>
</html>
相关文章推荐
- jQuery选择器中id和class的使用
- jquery的上传控件uploadly,每行都有一个这样的控件对id选择器的使用
- Jquery使用id选择器操作元素注意事项
- id选择器的使用----jQuery高级技巧
- jQuery - 元素选择器 和 #id 选择器 以及 .class 选择器三者的区别
- jquery基本选择器:id选择器、class选择器、标签选择器、通配符选择器
- jquery,id选择器和class选择器的效率对比
- 模仿jquery选择器 $('#id') $('.className')
- .net中在读取控件的class或ID不同方式的不同意义- jquery选择器
- jquery选择器id使用动态变量
- jquery id选择器和class选择器的区别
- 老生常谈jquery id选择器和class选择器的区别
- jQuery选择器ID、CLASS、标签获取对象值、属性、设置css样式
- 使用jquery id选择器所遇见的问题
- jquery中选择ID以什么字符开头的匹配主要用于多个上传控件的时候,id无法使用,而且class不起作用的时候
- css中选择器何时使用id/class
- Jquery选择器:通过class名获取ID
- jQuery 选择器的使用
- jQuery-使用选择器注意事项 学习笔记十
- jQuery 选择器的使用