jQuery基本选择器
2015-08-18 10:34
716 查看
id选择器
//选择 id为 one 的元素 $('#btn1').click(function(){ $('#one').css("background","#bfa"); });
.class选择器
//选择 class 为 mini 的所有元素 $('#btn2').click(function(){ $('.mini').css("background","#bfa"); });
element选择器
//选择 元素名是 div 的所有元素 $('#btn3').click(function(){ $('div').css("background","#bfa"); });
*选择器
//选择 所有的元素 $('#btn4').click(function(){ $('*').css("background","#bfa"); });
集合选择器
//选择 所有的span元素和id为two的div元素 $('#btn5').click(function(){ $('span,#two').css("background","#bfa"); });
参考<锋利的jQuery>
相关文章推荐
- Jquery动画第一部分
- 基于Jquery的原生态dialog弹出窗口-zapWindow
- jQuery学习二
- jQuery学习一
- jquery animate 动画效果使用说明
- JQuery autocomplete ajax 实现自动完成
- jquery 元素控制(附加元素/其他内容)引进和应用
- jQuery formValidator的一些验证实例
- jquery中this与$this的区别
- jquery实现select下拉框美化特效代码分享
- jquery SweetAlert插件实现响应式提示框
- jQuery垂直多级导航菜单代码分享
- jquery线程锁效果
- JQuery学习笔记 选择器 序
- CSS jQuery 图片全屏切换
- CSS jQuery 图片全屏切换
- jquery设计思想之写法-方法函数化&链式操作
- jqueryMobile的重要知识点
- 转:jQuery插件开发精品教程,让你的jQuery提升一个台阶
- jQuery 表单数据序列化为json格式