jQuery分组选择器简单用法示例


Posted in jQuery onApril 04, 2019

本文实例讲述了jQuery分组选择器简单用法。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>jQuery分组选择器</title>
  <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
  <script type="text/javascript">
    $(function(){
      // 注意:#content.title,.header.title无效
      $('.header, div.title, [title="foot"]').css('backgroundColor','red');
    });
  </script>
</head>
<body>
  <div class="header">header
    <div class="title">title</div>
  </div>
  <hr>
  <div id="content">
    content
    <div class="title">title</div>
    <div class="context">context</div>
    <div class="other">other</div>
  </div>
  <hr>
  <footer title='foot'>footer</footer>
</body>
</html>

这里使用在线HTML/CSS/JavaScript代码运行工具:http://tools.3water.com/code/HtmlJsRun测试上述代码,可得如下运行效果:

jQuery分组选择器简单用法示例

希望本文所述对大家jQuery程序设计有所帮助。

jQuery 相关文章推荐
jquery replace方法去空格
May 08 jQuery
Jquery+Ajax+xml实现中国地区选择三级联动菜单效果(推荐)
Jun 09 jQuery
jQuery Ajax向服务端传递数组参数值的实例代码
Sep 03 jQuery
jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
Dec 05 jQuery
jQuery NProgress.js加载进度插件的简单使用方法
Jan 31 jQuery
JQuery搜索框自动补全(模糊匹配)功能实现示例
Jan 08 jQuery
使用jQuery实现掷骰子游戏
Oct 24 jQuery
jquery实现轮播图特效
Apr 12 jQuery
jQuery HTML css()方法与css类实例详解
May 20 jQuery
jQuery实现滑动开关效果
Aug 02 jQuery
jQuery+ajax实现文件上传功能
Dec 22 jQuery
jQuery treeview树形结构应用
Mar 24 jQuery
jQuery实现带3D切割效果的轮播图功能示例【附源码下载】
Apr 04 #jQuery
jquery简单实现纵向的无缝滚动代码实例
Apr 01 #jQuery
jQuery事件blur()方法的使用实例讲解
Mar 30 #jQuery
jQuery实现动态添加和删除input框代码实例
Mar 29 #jQuery
jQuery ajax仿Google自动提示SearchSuggess功能示例
Mar 28 #jQuery
JQueryDOM之样式操作
Mar 27 #jQuery
浅谈JS和jQuery的区别
Mar 27 #jQuery
You might like
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
用PHP的ob_start() 控制您的浏览器cache
2009/08/03 PHP
9段PHP实用功能的代码推荐
2014/10/14 PHP
thinkPHP5框架实现基于ajax的分页功能示例
2018/06/12 PHP
jquery对象和DOM对象的区别介绍
2013/08/09 Javascript
jQuery实现统计输入文字个数的方法
2015/03/11 Javascript
JavaScript动态修改弹出窗口大小的方法
2015/04/06 Javascript
js正则表达式replace替换变量方法
2016/05/21 Javascript
利用angularjs1.4制作的简易滑动门效果
2017/02/28 Javascript
JavaScript 过滤关键字
2017/03/20 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
2017/04/10 Javascript
一步步教会你微信小程序的登录鉴权
2018/04/09 Javascript
js+canvas实现验证码功能
2020/09/21 Javascript
解决webpack dev-server不能匹配post请求的问题
2018/08/24 Javascript
性能优化篇之Webpack构建速度优化的建议
2019/04/03 Javascript
JS正则表达式验证端口范围(0-65535)
2020/01/06 Javascript
Ant design vue table 单击行选中 勾选checkbox教程
2020/10/24 Javascript
[01:07:41]IG vs VGJ.T 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python+django实现文件上传
2016/01/17 Python
PyQT实现多窗口切换
2018/04/20 Python
Python解析m3u8拼接下载mp4视频文件的示例代码
2021/03/03 Python
css3遮罩层镂空效果的多种实现方法
2020/05/11 HTML / CSS
详解移动端html5页面长按实现高亮全选文本内容的兼容解决方案
2016/12/03 HTML / CSS
丝芙兰美国官网:SEPHORA美国
2016/08/03 全球购物
英国著名的茶叶品牌:Whittard of Chelsea
2016/09/22 全球购物
美国女士泳装店:Swimsuits For All
2017/03/02 全球购物
de Bijenkorf比利时官网:荷兰最知名的百货商店
2017/06/29 全球购物
美国女士内衣在线折扣商店:One Hanes Place
2019/03/24 全球购物
高中生学习生活的自我评价
2013/10/09 职场文书
中层干部竞争上岗演讲稿
2014/01/13 职场文书
土木工程求职信
2014/05/29 职场文书
大学生国庆节65周年演讲稿范文
2014/09/25 职场文书
2016大一新生军训心得体会
2016/01/11 职场文书
MySQL索引是啥?不懂就问
2021/07/21 MySQL
JAVA长虹键法之建造者Builder模式实现
2022/04/10 Java/Android
Python 绘制多因子柱状图
2022/05/11 Python