编程 Javascript

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>

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

jQuery元素选择器实例代码

- Author -

lijiao

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

查询绑定数据岛的表格中的文本并修改显示方式的js代码

Dec 15 Javascript

Javascript控制页面链接在新窗口打开具体方法

Aug 16 Javascript

js 判断js函数、变量是否存在的简单示例代码

Mar 04 Javascript

浅谈jquery之on()绑定事件和off()解除绑定事件

Oct 26 Javascript

Angular2 Service实现简单音乐播放器服务

Feb 24 Javascript

VUE多层路由嵌套实现代码

May 15 Javascript

BootStrap Table前台和后台分页对JSON格式的要求

Jun 28 Javascript

简单的vuex 的使用案例笔记

Apr 13 Javascript

使用async await 封装 axios的方法

Jul 09 Javascript

详解VUE单页应用骨架屏方案

Jan 17 Javascript

关于layui的动态图标不显示的解决方法

Sep 04 Javascript

JS回调函数深入理解

Oct 16 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