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层级选择器_动力节点节点Java学院整理
Jul 04 jQuery
jQuery制作input提示内容(兼容IE8以上)
Jul 05 jQuery
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
Jul 12 jQuery
JavaScript之事件委托实例(附原生js和jQuery代码)
Jul 22 jQuery
vue单页应用中如何使用jquery的方法示例
Jul 27 jQuery
springmvc接收jquery提交的数组数据代码分享
Oct 28 jQuery
jquery自定义显示消息数量
Dec 19 jQuery
jQuery简单判断值是否存在于数组中的方法示例
Apr 17 jQuery
jQuery实现上下滚动公告栏详细代码
Nov 21 jQuery
JQuery实现折叠式菜单的详细代码
Jun 03 jQuery
jQuery实现评论模块
Aug 19 jQuery
JS实现选项卡插件的两种写法(jQuery和class)
Dec 30 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
PHP不用第三变量交换2个变量的值的解决方法
2013/06/02 PHP
PHP计算当前坐标3公里内4个角落的最大最小经纬度实例
2016/02/26 PHP
php数组冒泡排序算法实例
2016/05/06 PHP
PHP正则匹配操作简单示例【preg_match_all应用】
2017/07/10 PHP
javascript 变量作用域 代码分析
2009/06/26 Javascript
jq选项卡鼠标延迟的插件实例
2013/05/13 Javascript
Jquery中val()表单取值赋值的实例代码
2013/08/15 Javascript
jquery实现的一个文章自定义分段显示功能
2014/05/23 Javascript
jQuery简易图片放大特效示例代码
2014/06/09 Javascript
Jquery设置attr的disabled属性控制某行显示或者隐藏
2014/09/25 Javascript
深入理解js promise chain
2016/05/05 Javascript
微信小程序实现全国机场索引列表
2018/01/31 Javascript
JS实现的文件拖拽上传功能示例
2018/05/21 Javascript
详解微信小程序之一键复制到剪切板
2019/04/24 Javascript
IE11下处理Promise及Vue的单项数据流问题
2019/07/24 Javascript
JavaScript中的几种继承方法示例
2020/12/06 Javascript
Python Web框架Flask中使用新浪SAE云存储实例
2015/02/08 Python
通过数据库对Django进行删除字段和删除模型的操作
2015/07/21 Python
python+unittest+requests实现接口自动化的方法
2018/11/29 Python
利用python修改json文件的value方法
2018/12/31 Python
Python设计模式之原型模式实例详解
2019/01/18 Python
python tkinter库实现气泡屏保和锁屏
2019/07/29 Python
Python 类属性与实例属性,类对象与实例对象用法分析
2019/09/20 Python
一款纯css3实现的圆形旋转分享按钮旋转角度可自己调整
2014/09/02 HTML / CSS
实例教程 HTML5 Canvas 超炫酷烟花绽放动画实现代码
2014/11/05 HTML / CSS
LTD Commodities:礼品,独特发现,家居装饰,家用器皿
2017/08/11 全球购物
总监职责范文
2013/11/09 职场文书
计算机专业大学生的自我评价
2013/11/14 职场文书
英语自荐信范文
2013/12/11 职场文书
校园联欢晚会主持词
2014/03/17 职场文书
小学节能减排倡议书
2014/05/15 职场文书
根叔历年演讲稿
2014/05/20 职场文书
2014年党务工作总结
2014/11/25 职场文书
护理工作个人总结
2015/03/03 职场文书
外出学习心得体会范文
2016/01/18 职场文书
Springboot配置suffix指定mvc视图的后缀方法
2021/07/03 Java/Android