JQuery选择器语法:

  • 一、什么是选择器语法:
    • 1、就是DOM对象进行定位的条件,比如根据ID定位,根据标签类型名。
    • 2、jquery中只有三种选择器
  • 二、基本选择器:
    • 1、【定位条件】:可以根据ID编号,根据标签类型名,根据标签采用样式选择器
    • 2、【使用】:
  • 三、层级选择器:
    • 1、[定位条件]:可以根据标签之间父子关系定位,可以根据标签之间兄弟关系定位
    • 2、[标签之间关系]
    • 3、【使用】:

一、什么是选择器语法:

1、就是DOM对象进行定位的条件,比如根据ID定位,根据标签类型名。

2、jquery中只有三种选择器

二、基本选择器:

1、【定位条件】:可以根据ID编号,根据标签类型名,根据标签采用样式选择器

2、【使用】:

1)、$(“#id编号”): 代替 document.getElementsById(“id)

根据ID编号定位对应的DOM对象。让DOM对象

保存到一个数组中并返回。返回这个数组就是【jquery对象】

2)、$(“.样式选择器名称”):代替document.getElemenstByClassName(“样式选择器名”);

将使用指定的样式选择器的dom对象保存到同一个数组中并返回。返回这个数组就是【jquery对象】

3)、$(“标签类型名”);代替document.getElementsByTagName()将所有指定的标签类型关联

的DOM对象保存到同一给数组中并返回,返回的这个数组就是【jquery对象】

4)、$(“*”):定位浏览器中所有的DOM对象保存到同一个数组中。

5)、$(“条件1,条件2”):只要DOM对象满足其中的一种条件,就会被定位到数组中相当于

mysql or where sal>=3000 or job=’manger’

三、层级选择器:

1、[定位条件]:可以根据标签之间父子关系定位,可以根据标签之间兄弟关系定位

2、[标签之间关系]

1)、父子关系:就是包含关系

2)、兄弟关系:两个标签拥有相同的父标签,并且彼此之间没有包含关系。

3、【使用】:

1)、$(“定位父标签条件>定位子标签条件”)

定位当前父标签下,所有满足条件的【直接子标签】

2)、$(“定位父标签条件 定位子标签条件”)

定位当前父标签下,所有满足条件的【直接子标签】和【间接子标签】

3)、$(“定位当前标签~定位兄弟标签条件”):

定位当前标签【后面】,所有满足条件的兄弟标签

4)、$(“定位当前标签+定位兄弟标签条件”):

定位当前标签【后面与之紧邻的】,所有满足条件的所有兄弟标签

5)、$(“定位当前标签”).siblings(“定位兄弟标签条件”):

定位当前标签【前面与后面】,所有满足条件的所有兄弟标签

JQuery选择器语法相关推荐

  1. jQueryDom和源生DOM相互的转换、jQuery选择器语法、JQuery层次选择器语法、jQuery属性选择器语法、jQuery伪类选择器语法、

    jQuery和源生DOM的转化 案例 <body> <p id="test">123</p> <p>456</p> &l ...

  2. jQuery 选择器语法

    jQuery选择器分为如下几类(点击"名称"会跳转到此方法的jQuery官方说明文档): 1. 基础选择器 Basics 名称 说明 举例 #id 根据元素Id选择 $(" ...

  3. jQuery选择器和选取方法 http://www.cnblogs.com/MaxIE/p/4078869.html

    我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器 在CSS3选择器标淮草案定义 ...

  4. jQuery选择器和选取方法

    我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器 在CSS3选择器标淮草案定义 ...

  5. jquery选择器_jQuery选择器

    jquery选择器 jQuery selector is the most significant element in the jQuery library. The main tasks we d ...

  6. jQuery基本语法和选择器

    JQuery 一.JQuery基础语法 1.概念 JQuery是javaScript的一个库,Jquery基于javascript开发出来.目的就是为了简化javascript的开发. 宗旨:&quo ...

  7. jQuery的简单了解和学习(1) jquery简介+语法+选择器+事件

    jQuery jQuery简介 jQuery是一个Javascript函数库,可以让程序员写得少,而实现得多,主要包含以下功能:HTML元素的选取.操作:CSS操作:HTML事件函数:JavaScri ...

  8. 1.jQuery基础语法 2.jQuery选择器、操作页面文档元素 3.jqueryDOM操作 4.jqueryCSS操作 5.Jquery事件 6.Jquery动画...

    这周的学习让我初步了解到JQuery作为js库的封装的伟大性.Write less Do more 才是我们真正应该做到的! 1.jQuery基础语法 · 链式编程 $("#div1&quo ...

  9. JQuery——选择器分类

    JQuery选择器 1    什么是JQuery选择器 快速高效的找到指定节点,支持css语法设置页面 2   JQuery选择器分类 2.1   基本选择器 CSS选择器 层级选择器 表单域选择器 ...

最新文章

  1. python django 优势_那么多人选择Python,它的优势,缺点有哪些?
  2. MySQL笔记5:如何创建和删除索引?
  3. mysql char null_关于mysql设置varchar 字段的默认值''和null的区别,以及varchar和char的区别...
  4. 【资源】太赞了!程序员应该访问的最佳网站都在这里了!
  5. 3.MongoDB数据查询
  6. 已知原函数和导函数的关系_原函数与导函数的关系
  7. 蓝宝石显卡bios_狼神矿卡烤机89°C!强刷蓝宝石RX570超白金显卡BIOS降温75°教程...
  8. Matplotlib从入门到精通
  9. 2019年10月江苏计算机二级C语言编程题解析
  10. iOS 音频视频播放器实现边下载边播放缓存视频
  11. ArcGIS Portal发布slpk失败,Error999999
  12. 使用regexp_extract、regexp_replace函数过滤特殊字符时,不同的执行情境下(hive -e;hive -f),正则表达式的内容有变化
  13. 法国科学家大脑计算机,最新发现:人类大脑的“人性基因”正加速进化
  14. Web前端系列技术之移动端CSDN会员页面复刻(动态完整版)
  15. Translatium 19.2.1 中文版 优秀的在线翻译工具
  16. android 苹果电脑底部图标滚动效果,JS实现仿苹果底部任务栏菜单效果代码
  17. DNS 区域传送漏洞(dns-zone-tranfer)学习
  18. 美国Zip code大全
  19. Arbitrary Shape Scene Text Detection with Adaptive Text Region Representation ----论文翻译
  20. React.createElement()的使用

热门文章

  1. 又一巅峰!,Java开发实用必备的几款插件
  2. 游戏一旦开始,结局就不是你能控制的!
  3. 【深度学习】激活函数:原理+常见激活函数(Sigmoid\Tanh\ReLU\Leaky ReLU\Softmax)
  4. 异构数据库中间件sequoia(c-jdbc)初体验(1.安装试运行)
  5. 关于python的开发软件pycharm设置中文(无需汉化包)
  6. 杂记——9.eclipse启动Tomcat
  7. 数据库原理课后答案 第二章
  8. 数据库系统实验二作业-SQL实验报告
  9. Arch Linux 安装后无法联网的问题
  10. 1020:Anniversary Cake