jQuery层次选择器
2012-09-06 14:46
274 查看
<script type="text/javascript"> $(document).ready(function(){ //选择 body内的所有div元素. $('#btn1').click(function(){ $('body div').css("background","#bbffaa"); }) //在body内的选择 元素名是div 的子元素. $('#btn2').click(function(){ $('body > div').css("background","#bbffaa"); }) //选择 所有class为one 的下一个div元素. $('#btn3').click(function(){ $('.one + div').css("background","#bbffaa"); }) //选择 id为two的元素后面的所有div兄弟元素. $('#btn4').click(function(){ $('#two ~ div').css("background","#bbffaa"); }) }); </script>
相关文章推荐
- 使用Jquery层次选择器
- jQuery 层次选择器
- JQuery层次选择器
- jQuery基础学习7——层次选择器find()方法
- jQuery选择器介绍:基本选择器、层次选择器、过滤选择器、表单选择器
- jQuery7(多条件选择器,层次选择器)
- jquery层次过滤选择器
- Java乔晓松-jQuery介绍入门和对象转换、以及基本选择器和层次选择器
- jQuery选择器 层次选择器
- Jquery基本选择器 层次选择器 过滤选择器 表单选择器使用示例 带注释
- jquery 层次选择器
- jquery 选择器(1) 基本丶层叠丶层次选择器
- jQuery选择器之层次选择器
- jQuery基础学习8——层次选择器children()方法
- jQuery的层次选择器
- jQuery 层次选择器
- 使用jQuery层次选择器选择元素
- jQuery基础教程之强大的选择器(层次选择器)
- jQuery基础学习8——层次选择器next()和prev()方法
- jQuery学习之-层次选择器