jQuery选择器
2015-12-03 00:10
603 查看
// 基本选择器=================================== // id选择器 $('#layer1').html('aaaa'); // 元素选择器 $('p').html('ppppp'); // 类选择器 $('.my_p').html('my_p'); // 并集选择器 $('#layer1,#layer2,#layer3').css('border',"1px solid red"); // ========================================================== // 层级选择器====================================================== // 后辈选择器 $('#Hierarchy div ul li.my_li').css('background',"#ccc"); // 直接子元素选择器 $('#Hierarchy>ul').css("background",'#ccc'); // 同级直接后一个元素 $('#Hierarchy div.div1 ul+p').css('background',"#ccc"); // 同级后面所有元素 $('#Hierarchy div.div1 ul~p').css('background',"#ccc"); //============================================================================== // 过滤选择器 // 过滤出第一个 $('li:first,li:last').css('border','1px solid red'); // 排除过滤器 $('li:not(:first)').css('border','1px solid red'); //找出没有选中的checkbox $('input:not(:checked)').attr('checked','true'); // 索引奇数偶数过滤器 $('table tr:odd').css('background','#ddd'); // 索引 大于小于过滤器 $('table tr:lt(2)').css('background','#ddd'); $('#basic').animate({ 'width':'400px', 'height':'400px' },1000);
相关文章推荐
- jQuery移动web开发中的页面初始化与加载事件
- jQuery+jsp实现省市县三级联动效果(附源码)
- 浅析jQuery Mobile的初始化事件
- jQuery 1.9.1源码分析系列(十五)动画处理之缓动动画核心Tween
- jQuery 1.9.1源码分析系列(十五)之动画处理
- jQuery移动页面开发中的触摸事件与虚拟鼠标事件简介
- jQuery+jsp下拉框联动获取本地数据的方法(附源码)
- JQuery移动页面开发之屏幕方向改变与滚屏的实现
- jQuery可悬停控制图片轮播
- jquery.validate验证隐藏的标签
- Jquery ajaxsubmit上传图片实现代码
- JQuery的基本架构学习
- jQuery基础选择器
- 在JQuery的validate功能中使用remote实现Ajax功能后台验证
- jQuery选择器之表单选择器
- jQuery选择器之过滤选择器
- jQuery中ready与load事件的区别
- 缓冲加载图片的 jQuery 插件 lazyload.js 使用方法详解
- jquery获取对象
- jquery插件——uploadify使用详解