id选择器

  1. JQuery 能使用CSS选择器来操作网页中的标签元素。如果想要通过一个id号去查找另一个元素就可以使用下面格式的选择
  2. $('#my_id') 其中my_id表示根据id选择器获取页面中的指定的标签元素,且返回一个唯一的元素。

element元素选择器

  1. $("element")就是元素名称
  2. <body>
  3. <div>1</div>
  4. <div>2</div>
  5. </body>
  6. 获取所有div元素的选择器:(修改所有div元素字体的样式)
  7. <script type="text/javascript">
  8. $('div').css("font-weight","bold") ;
  9. </script>

.class选择器

  1. $(".class") 其中.class参数表示元素的css类别(类选择器)名称。
  2. <div class="red">my red </div>
  3. <script type="text/javascript">
  4. var $className = $(".red").attr("class")
  5. </script>
  6. $(“*”) 获取全部的元素
  7. 选择器中的参数就一个“*”, 既没有“#” 号,也没有 “.”号。 由于该选择器的特殊性,它常与其他元素组合使用,表示获取其他元素中的全部子元素。

sele1 sele2 seleN 选择器

  1. 调用的格式如下:
  2. $("sele1,sele2,seleN") 参数sele1 sele2seleN为有效选择器,每个选择器之间用","号隔开,它们可以是前天提到的各种类型的选择器
  3. $('#id')

常用的几种选择器

元素元素
选择器 描述
$('*') 选取所有的元素
$(this) 选取当前的HTML元素
$('p.intro') 选取class为intro的

元素

$('p:first') 选取第一个

元素

$('ul li:first') 选取第一个
    元素的第一个
  • 元素
$('ul li:first-child') 选取每个ul元素的第一个
  • 元素
  • $('[href]') 选取带有herf属性的元素
    $(':button') 选取所有type=button的元素和元素
    $('tr:even') 选取偶数位置的
    $('tr:odd') 选取奇数位置的

    获取UL下li的个数

    1. <ul class="dep_5">
    2. <li></li>
    3. <li></li>
    4. </ul>
    5. 获取ul下li的个数:
    6. $('.dep_5 li').length;

    层叠选择器

    1. $("form input") 选择所有form元素中的input元素
    2. $("#main >*") 选择id值为main的所有的子元素
    3. $("label+input") 选择所有的label元素的下一个input元素节点,
    4. 经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素
    5. $("#prev ~ div") 同胞选择器,该选择器返回的为idprev的标签元素的所有的属于同一个父元素的div标签

    input的选择器

    1. $("input[name='ssgao']") 选择所namessgaoinput元素
    2. $("input[name!='ssgao']") 选择所name不是ssgaoinput元素

    3. $("input[name^='news']")  选择所有name属性以‘news’开头的input属性
    4. $("input[name$='news']") 选择所有name属性以'news'结尾的input属性
    5. $("input[name*='news']") 选择所有name属性包含'news'input属性

    jquery 操作class

    1. jquery 拥有若干进行css操作的方法
    2. addClass() 向被选元素添加一个或多个类
    3. removeClass() 从被选元素删除一个或多个类
    4. toggleClass() 对被选元素进行添加/删除类的切换
    5. css() 设置或返回样式属性
    6. jquerycss的操作
    7. jquery返回css属性
    8.  $('p').css('propertyname');
    9. jquery设置css属性
    10. $('p').css('propertyname','value');
    11. jquery 设置多个css属性
    12. $('p').css('propertyname':'value','propertyname':'value');

    jquery 设置背景色

    1. $(selector).css('backgroundImage',"url(bg.jpg)");
    2. var s = "images/"+row+".jpg"; //row表示变量信息
    3. $('body').css('background-image',"url("+s+")");

    jquery 元素选择器的更多相关文章

    1. jquery 元素选择器集合

      一.基本选择器 1. id选择器(指定id元素) 将id="one"的元素背景色设置为黑色.(id选择器返单个元素) $(document).ready(function () { ...

    2. jQuery之选择器

      jQuery元素选择器和属性选择器允许您通过标签名.属性名或内容对 HTML 元素进行选择和操作,而在 HTML DOM中,选择器可以对DOM元素组或单个DOM 节点进行操作.通俗点说,选择器的作用就 ...

    3. 从零开始学习jQuery-------jQuery元素选择器(三)

      下面我们来介绍一下jQuery元素选择器,在Web开发中我们最常用的操作是获取元素,然后对获取的元素进行一系列的操作,jQuery根据获取页面元素的不同,可以将jQuery选择器分为四大类:基本选择器 ...

    4. jQuery 各种选择器 $.()用法

      jQuery 元素选择器jQuery 使用 CSS 选择器来选取 HTML 元素. $("p") 选取 <p> 元素. $("p.intro") 选 ...

    5. js jquery css 选择器总结

      js jquery css 选择器总结 一.原始JS(Document 对象)选择器. id选择器:document.getElementById("test"); name选择器 ...

    6. jQuery 的选择器常用的元素查找方法

      jQuery 的选择器常用的元素查找方法 基本选择器: $("#myELement")    选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myE ...

    7. 深入学习jQuery选择器系列第八篇——过滤选择器之伪子元素选择器

      × 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 本文是子元素选择器的续篇,主要介绍关于nth-of-type()选择器的内容.该部分内容并非没有出现在<锋利的 ...

    8. 深入学习jQuery选择器系列第二篇——过滤选择器之子元素选择器

      × 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素 前面的话 在上一篇中已经介绍过基础选择器和层级选择器,本文开始介绍过滤选择器.过滤选择器是jQuery选择器中最为庞大也是最为 ...

    9. jQuery选择器总结 jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法

      新年第一编文章 jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法   $("#myELement")    选择id值等于myElement的元素,id值 ...

    随机推荐

    1. [原]关于helios自定义面板简述

      想研究一下helios和自己仿真软件的适配,于是找了一下关于helios的使用 首先关于helios的使用有一个“vr2009”的发帖者有过很详细描述: http://www.insky.cn/bbs ...

    2. vuex中的辅助函数 mapState,mapGetters, mapActions, mapMutations

      1.导入辅助函数 导入mapState可以调用vuex中state的数据 导入mapMutations可以调用vuex中mutations的方法 四个辅助函数 各自对应自己在vuex上的自己 2.ma ...

    3. fileInputStream.available()获取 文件的总大小

      available():返回与之关联的文件的字节数 我们用inputStream.available()获取 文件的总大小

    4. 用友软件系统管理员账号admin密码忘记了,如何解决?

      1.打开数据库. 2.点开  数据库-UFSystem. 3.找到dbo.UA_user表,鼠标右键,点打开表. 4.打开后,找到admin,cPassword列即可找到系统管理员密码.

    5. vux的x-input的源码分析

      <template> <div class="vux-x-input weui-cell" :class="{'weui-cell_warn': sho ...

    6. 第 8 章 容器网络 - 050 - 创建 overlay 网络

      在 host1 中创建 overlay 网络 ov_net1: docker network create -d overlay ov_net1 -d overlay 指定 driver 为 over ...

    7. lombok插件:Data自动get/set方法, Slf4j实现Logger的调用

      lombok插件:Data自动get/set方法, Slf4j实现Logger的调用 lombok.Data import lombok.Data; import org.hibernate.anno ...

    8. 如何理解机器学习/统计学中的各种范数norm | L1 | L2 | 使用哪种regularization方法?

      参考: L1 Norm Regularization and Sparsity Explained for Dummies 专为小白解释的文章,文笔十分之幽默 why does a small L1 ...

    9. Cron 表达式详解(已整理、很清晰)

      Cron表达式是一个字符串,字符串分为6或7个域,每一个域代表一个含义,Cron有如下两种语法格式: Seconds Minutes Hours DayofMonth Month DayofWeek ...

    10. 第一阶段——站立会议总结DAY04

      1.昨天做了什么:未取得一点进步. 2.今天准备做什么:准备在网上搜索一下微信个人中心的相关信息,代码资料. 3.遇到的困难:界面简陋,还是对于深层次的,比如逻辑,还是不怎么会用.