jQuery元素选择器实例代码


Posted in Javascript onFebruary 06, 2017

本文实例为大家分享了jQuery元素选择器的具体代码,供大家参考,具体内容如下

<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  <title></title>
  <style>
  div {
    width: 100px;
    height: 90px;
    float: left;
    padding: 5px;
    margin: 5px;
    background-color: #EEEEEE;
  }
  </style>
  <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
</head>
<body>
  <div class="aaron">
    <p>class="aaron"</p>
    <p>选中</p>
  </div>
  <div class="aaron">
    <p>class="aaron"</p>
    <p>选中</p>
  </div>
  <div class="imooc">
    <p>class="imooc"</p>
    <p>jQuery选中</p>
  </div>
  <div class="imooc">
    <p>class="imooc"</p>
    <p>jQuery选中</p>
  </div>

  <script type="text/javascript">
  //通过原生方法处理
  //获取到所有的节点标记名为div的元素
  //给每一个div加上蓝色的边框
  var divs = document.getElementsByTagName('div');
  for (var i = 0; i < divs.length; i++) {
    divs[i].style.border = "3px solid blue";
  }
  </script>
  <script type="text/javascript">
  //通过jQuery直接传入标签名p
  //标签是可以多个的,所以得到的同样也是一个合集
  $("p").css("border", "3px solid red");
  </script>
</body>

</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Jquery搜索父元素操作方法
Feb 10 Javascript
js+html5获取用户地理位置信息并在Google地图上显示的方法
Jun 05 Javascript
微信小程序 教程之引用
Oct 18 Javascript
关于 jQuery Easyui异步加载tree的问题解析
Dec 06 Javascript
jQuery Pagination分页插件使用方法详解
Feb 28 Javascript
详解AngularJS 模块化
Jun 14 Javascript
React Native 集成jpush-react-native的示例代码
Aug 16 Javascript
VUE2 前端实现 静态二级省市联动选择select的示例
Feb 09 Javascript
微信小程序实现点赞、取消点赞功能
Nov 02 Javascript
JS实现简单的抽奖转盘效果示例
Feb 16 Javascript
详解微信UnionID作用
May 15 Javascript
JS实现按比例缩小图片宽高
Aug 24 Javascript
对称加密与非对称加密优缺点详解
Feb 06 #Javascript
jquery实现input框获取焦点的方法
Feb 06 #Javascript
jQuery表单元素选择器代码实例
Feb 06 #Javascript
Jquery鼠标放上去显示全名的实现方法
Feb 06 #Javascript
如何获取元素的最终background-color
Feb 06 #Javascript
a标签置灰不可点击的实现方法
Feb 06 #Javascript
最常见和最有用的字符串相关的方法详解
Feb 06 #Javascript
You might like
php中使用DOM类读取XML文件的实现代码
2011/12/14 PHP
PHP 代码规范小结
2012/03/08 PHP
PHP 只允许指定IP访问(允许*号通配符过滤IP)
2014/07/08 PHP
php判断表是否存在的方法
2015/06/18 PHP
PHP设计模式入门之迭代器模式原理与实现方法分析
2020/04/26 PHP
TFDN图片播放器 不错自动播放
2006/10/03 Javascript
用js实现下载远程文件并保存在本地的脚本
2008/05/06 Javascript
Javascript 错误处理的几种方法
2009/06/13 Javascript
JavaScript原型继承之基础机制分析
2011/08/26 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
2014/12/20 Javascript
Jquery实现简单的轮播效果(代码管用)
2016/03/14 Javascript
带有定位当前位置的百度地图前端web api实例代码
2016/06/21 Javascript
webpack+vue.js实现组件化详解
2016/10/12 Javascript
JavaScript字符串检索字符的方法
2017/06/23 Javascript
mui back 返回刷新页面的实例
2017/12/06 Javascript
jQuery EasyUI 选项卡面板tabs的使用实例讲解
2017/12/25 jQuery
vue组件之间通信实例总结(点赞功能)
2018/12/05 Javascript
基于jQuery的时间戳与日期间的转化
2019/06/21 jQuery
微信小程序实现类似微信点击语音播放效果
2020/03/30 Javascript
微信公众号获取用户地理位置并列出附近的门店的示例代码
2019/07/25 Javascript
vue动态渲染svg、添加点击事件的实现
2020/03/13 Javascript
python使用win32com库播放mp3文件的方法
2015/05/30 Python
详解Python3中的Sequence type的使用
2015/08/01 Python
Python卸载模块的方法汇总
2016/06/07 Python
Python新手们容易犯的几个错误总结
2017/04/01 Python
python如何定义带参数的装饰器
2018/03/20 Python
python 的 scapy库,实现网卡收发包的例子
2019/07/23 Python
Python虚拟环境库virtualenvwrapper安装及使用
2020/06/17 Python
CSS3 text-shadow实现文字阴影效果
2016/02/24 HTML / CSS
解析HTML5的存储功能和web SQL的相关操作方法
2016/02/19 HTML / CSS
餐饮业经理竞聘演讲稿
2014/01/14 职场文书
建筑安全生产目标责任书
2014/07/23 职场文书
销售经理工作失职检讨书
2014/10/24 职场文书
学生会部长竞选稿
2015/11/19 职场文书
mysql字符串截取函数小结
2021/04/05 MySQL
Python如何使用循环结构和分支结构
2022/04/13 Python