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 相关文章推荐
Js 随机数产生6位数字
May 13 Javascript
jquery动态增加text元素以及删除文本内容实例代码
Jul 01 Javascript
js预加载图片方法汇总
Jun 15 Javascript
jquery验证邮箱格式并显示提交按钮
Nov 07 Javascript
JQuery实现Ajax加载图片的方法
Dec 24 Javascript
基于JavaScript实现瀑布流效果(循环渐近)
Jan 27 Javascript
深入解析jQuery中Deferred的deferred.promise()方法
May 03 Javascript
HTML5 js实现拖拉上传文件功能
Nov 20 Javascript
详解iframe跨域的几种常用方法(小结)
Apr 29 Javascript
使用Karma做vue组件单元测试的实现
Jan 16 Javascript
使用Vant完成通知栏Notify的提示操作
Nov 11 Javascript
js实现随机点名
Jan 19 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缩略图生成程式(需要GD库支持)
2007/03/06 PHP
PHP屏蔽蜘蛛访问代码及常用搜索引擎的HTTP_USER_AGENT
2013/03/06 PHP
PHP数组与对象之间使用递归实现转换的方法
2015/06/24 PHP
javascript在一段文字中的光标处插入其他文字
2007/08/26 Javascript
仅用[]()+!等符号就足以实现几乎任意Javascript代码
2010/03/01 Javascript
js中判断控件是否存在
2010/08/25 Javascript
取消选中单选框radio的三种方式示例介绍
2013/12/23 Javascript
js+CSS实现弹出居中背景半透明div层的方法
2015/02/26 Javascript
解决jquery实现的radio重新选中的问题
2015/07/03 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
2015/10/09 Javascript
jQuery层次选择器用法示例
2016/09/09 Javascript
JavaScript微信定位功能实现方法
2016/11/29 Javascript
bootstrap modal弹出框的垂直居中
2016/12/14 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
2016/12/20 Javascript
Angularjs中ng-repeat-start与ng-repeat-end的用法实例介绍
2016/12/31 Javascript
vue 组件 全局注册和局部注册的实现
2018/02/28 Javascript
vue子传父关于.sync与$emit的实现
2019/11/05 Javascript
微信小程序学习总结(二)样式、属性、模板操作分析
2020/06/04 Javascript
用Python编写一个每天都在系统下新建一个文件夹的脚本
2015/05/04 Python
Python3读取文件常用方法实例分析
2015/05/22 Python
Python用Bottle轻量级框架进行Web开发
2016/06/08 Python
Python第三方库h5py_读取mat文件并显示值的方法
2019/02/08 Python
python的Jenkins接口调用方式
2020/05/12 Python
Python3.7安装pyaudio教程解析
2020/07/24 Python
Trench London官方网站:高级风衣和意大利皮夹克
2020/07/11 全球购物
linux比较文件内容的命令是什么
2013/03/04 面试题
策划助理岗位职责
2013/11/18 职场文书
超市重阳节活动方案
2014/02/10 职场文书
高中军训第一天感言
2014/03/06 职场文书
请假条格式范文
2014/04/10 职场文书
电子商务助理求职自荐信
2014/04/10 职场文书
消防安全宣传标语
2014/06/07 职场文书
日语系毕业求职信
2014/07/27 职场文书
禁毒宣传活动总结
2014/08/26 职场文书
村党总支部公开承诺书2016
2016/03/25 职场文书
十大最强格斗系宝可梦,超梦X仅排第十,第二最重格斗礼仪
2022/03/18 日漫