文档章节

jQuery选择器——基础选择器、层次选择器

刘梓航
 刘梓航
发布于 2014/11/07 10:59
字数 336
阅读 102
收藏 17

注:$("#tt")获取的永远是对象,即时网页上没有此元素。因此当要用jQuery检查某个元素在网页上是否存在时,不能使用以下代码

if($("#tt")){}
而应该根据获取到元素的长度来判断,代码如下:
if($("#tt").length>0){}
或者转换DOM对象来判断,代码如下:
if($("tt")[0]){}


基本选择器

#id   id选择器    $("#test")选取id为test的元素

.class    类选择器  $(".test")选取class为test的元素

element   元素选择器  $("p")选取所有<p>元素

*    匹配所有元素  $("*")选取所有元素

selector1,slector2,....,selectorN   匹配到每个元素合并后一起返回  $("div,span,p.myClass")选取所有<div>,<span>和拥有class为myClass的<p>标签的一组元素

eg:

$("#one").css("background","#000000");//jQuery
document.getElementById("one").style.color = "red";//DOM

 

层次选择器

$("div span")  选取div里所有的span元素

$("div>span")  选取div下的span子元素

$(".one+div")  选取class为one的下一个div同辈元素

$("#two~div") 选取id为two的元素后面的所有div同辈元素

注:后面两个选择器可以用更简单的方式代替

$(".one").next("div");

$("#two").nextAll("div");

上边两个方法都是选取后边的div元素

$("#two").siblings("div");不分前后,获取全部同级div












© 著作权归作者所有

刘梓航
粉丝 12
博文 57
码字总数 11448
作品 0
天津
程序员
私信 提问
jQuery基础与JavaScript与CSS交互-第五章

目录 JavaScript框架种类及其优缺点 jQuery库 jQuery对象$ 掌握基本选择器 掌握过滤选择器 掌握表单选择器 RIA技术 常见的RIA技术 Ajax Sliverlight Flex 什么是框架? 框架是程序员将一个又...

达叔小生
2018/08/03
0
0
jQuery选择器大全(48个代码片段+21幅图演示)

选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器 的理解,它们本身用法就非常简单,我更希望的是它能够提升个...

iSea
2012/07/23
144
0
jQuery零基础入门——(二)Selector选择器

《jQuery零基础入门》系列博文是在廖雪峰老师的博文基础上,补充了个人的理解和日常遇到的点,用我的理解表述出来,主干出处来自廖雪峰老师的技术分享。 大家好,欢迎回到我们的jQuery零基础...

JandenMa
2018/07/01
67
0
jQuery 3教程(二):jQuery选择器

原文地址:jQuery 3教程(二):jQuery选择器 Introduction jQuery最方便的地方便是各种选择器。jQuery选择器完美兼容CSS 3选择器,甚至还有更强大的功能。 $ 在jQuery程序中,最常见的就是$符...

aqv
09/29
0
0
jQuery精选面试题及答案

1、jQuery的美元符号$有什么作用? 回答:其实美元符号$只是”jQuery”的别名,它是jQuery的选择器,如下代码: Html代码 $(document).ready(function(){ }); 当然你也可以用jQuery来代替$,...

西来飞鸿
2014/09/23
5.1K
3

没有更多内容

加载失败,请刷新页面

加载更多

Phpstorm2018 永久激活

1、安装phpstorm,安装包请自行官网下载 http://www.jetbrains.com/phpstorm/download/ 2、下载JetbrainsCrack.jar文件,存放至你的phpstorm执行文件同级目录下 下载JetbrainsCrack.jar 提取...

happyfish319
38分钟前
7
0
谈一谈Android进程间通信的几种方式

###来看一下Android中除了AIDL还有哪些进程间通信的方式: 1、Bundle Bundle实现了Parcelable,所以在Android中我们可以通过Intent在不同进程间传递Bundle数据。 但是在Intent 传输数据的过程...

二营长的意大利炮手
39分钟前
7
0
互联网薪资“高开低走”,你的能力是否真的可以匹配高薪?

对于国内外主流互联网大厂,技术出身似乎已经成为各大掌门人的必备标签。谷歌 CEO 桑达尔·皮查伊、马克·扎克伯格、李彦宏、马化腾、雷军等等皆为技术人出身,都曾参与了公司内部重要产品的...

Java技术剑
41分钟前
11
0
java 多线程

线程声明周期 线程的五个状态:新建,就绪,运行,阻塞,死亡。 其中就绪和运行两个状态客户互相转换,但运行到阻塞,阻塞到就绪,只能单向转换。 刚new出的线程就是【新建】状态,调用start...

雷开你的门
42分钟前
14
0
构造器Constructor是否可被overrid

构造器不能被重写,不能用static修饰构造器,只能用public private protected这三个权限修饰符,且不能有返回语句。

无名氏的程序员
46分钟前
7
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部