JQuery选择器语法
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选择器语法相关推荐
- jQueryDom和源生DOM相互的转换、jQuery选择器语法、JQuery层次选择器语法、jQuery属性选择器语法、jQuery伪类选择器语法、
jQuery和源生DOM的转化 案例 <body> <p id="test">123</p> <p>456</p> &l ...
- jQuery 选择器语法
jQuery选择器分为如下几类(点击"名称"会跳转到此方法的jQuery官方说明文档): 1. 基础选择器 Basics 名称 说明 举例 #id 根据元素Id选择 $(" ...
- jQuery选择器和选取方法 http://www.cnblogs.com/MaxIE/p/4078869.html
我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器 在CSS3选择器标淮草案定义 ...
- jQuery选择器和选取方法
我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器 在CSS3选择器标淮草案定义 ...
- jquery选择器_jQuery选择器
jquery选择器 jQuery selector is the most significant element in the jQuery library. The main tasks we d ...
- jQuery基本语法和选择器
JQuery 一.JQuery基础语法 1.概念 JQuery是javaScript的一个库,Jquery基于javascript开发出来.目的就是为了简化javascript的开发. 宗旨:&quo ...
- jQuery的简单了解和学习(1) jquery简介+语法+选择器+事件
jQuery jQuery简介 jQuery是一个Javascript函数库,可以让程序员写得少,而实现得多,主要包含以下功能:HTML元素的选取.操作:CSS操作:HTML事件函数:JavaScri ...
- 1.jQuery基础语法 2.jQuery选择器、操作页面文档元素 3.jqueryDOM操作 4.jqueryCSS操作 5.Jquery事件 6.Jquery动画...
这周的学习让我初步了解到JQuery作为js库的封装的伟大性.Write less Do more 才是我们真正应该做到的! 1.jQuery基础语法 · 链式编程 $("#div1&quo ...
- JQuery——选择器分类
JQuery选择器 1 什么是JQuery选择器 快速高效的找到指定节点,支持css语法设置页面 2 JQuery选择器分类 2.1 基本选择器 CSS选择器 层级选择器 表单域选择器 ...
最新文章
- python django 优势_那么多人选择Python,它的优势,缺点有哪些?
- MySQL笔记5:如何创建和删除索引?
- mysql char null_关于mysql设置varchar 字段的默认值''和null的区别,以及varchar和char的区别...
- 【资源】太赞了!程序员应该访问的最佳网站都在这里了!
- 3.MongoDB数据查询
- 已知原函数和导函数的关系_原函数与导函数的关系
- 蓝宝石显卡bios_狼神矿卡烤机89°C!强刷蓝宝石RX570超白金显卡BIOS降温75°教程...
- Matplotlib从入门到精通
- 2019年10月江苏计算机二级C语言编程题解析
- iOS 音频视频播放器实现边下载边播放缓存视频
- ArcGIS Portal发布slpk失败,Error999999
- 使用regexp_extract、regexp_replace函数过滤特殊字符时,不同的执行情境下(hive -e;hive -f),正则表达式的内容有变化
- 法国科学家大脑计算机,最新发现:人类大脑的“人性基因”正加速进化
- Web前端系列技术之移动端CSDN会员页面复刻(动态完整版)
- Translatium 19.2.1 中文版 优秀的在线翻译工具
- android 苹果电脑底部图标滚动效果,JS实现仿苹果底部任务栏菜单效果代码
- DNS 区域传送漏洞(dns-zone-tranfer)学习
- 美国Zip code大全
- Arbitrary Shape Scene Text Detection with Adaptive Text Region Representation ----论文翻译
- React.createElement()的使用
热门文章
- 又一巅峰!,Java开发实用必备的几款插件
- 游戏一旦开始,结局就不是你能控制的!
- 【深度学习】激活函数:原理+常见激活函数(Sigmoid\Tanh\ReLU\Leaky ReLU\Softmax)
- 异构数据库中间件sequoia(c-jdbc)初体验(1.安装试运行)
- 关于python的开发软件pycharm设置中文(无需汉化包)
- 杂记——9.eclipse启动Tomcat
- 数据库原理课后答案 第二章
- 数据库系统实验二作业-SQL实验报告
- Arch Linux 安装后无法联网的问题
- 1020:Anniversary Cake