三、jQuery选择器

注意:

jQuery获取的永远是对象,即使网页上没有此元素

不能这样判断 if($(‘#tt‘)){}

应根据元素长度来判断 if($(‘#tt‘).length > 0){}

或转化成DOM来判断 if($(‘#tt‘)[0]){}

一、基本选择器

基本选择器是jQuery中最常用的选择器,也是最简单的选择器,它通过元素id,class,和标签名等来查找DOM元素。

二、层次选择器


三、过滤选择器

1、基本过滤选择器

2、内容过滤选择器


3、可见性过滤选择器

4、属性过滤选择器

5、子元素过滤选择器

 6、表单对象属性过滤选择器

 四、表单选择器

五、注意  特殊符号处理

<div id="id#b">bb</div>

<div id="id[1]">cc</div>

$(‘#id#b‘)

$(‘#id[1]‘) 不能获取

要转义

$(‘#id\\#b‘)

$(‘#id\\[1\\]‘)

三、jQuery选择器

时间: 2024-08-24 23:03:41

三、jQuery选择器的相关文章

Jquery的学习(三)选择器

1.Jquery中最重要的就是选择器了. 学习要点: 1.简单选择器 2.进阶选择器 3.高级选择器 ①简单选择器. 最简单的也就是最常用的,最常用的一般也是最简单的. 在使用 jQuery 选择器时,我们首先必须使用"$()"函数来包装我们的 CSS 规则.而CSS 规则作为参数传递到 jQuery 对象内部后,再返回包含页面中对应元素的 jQuery 对象.随后,我们就可以对这个获取到的 DOM 节点进行行为操作了. #box { //使用 ID 选择器的 CSS 规则 color

JQuery选择器代码详解(三)——tokenize方法

原创文章,转载请注明出处,多谢! /* * tokenize函数是选择器解析的核心函数,它将选择器转换成两级数组groups * 举例: * 若选择器为"div.class,span",则解析后的结果为: * group[0][0] = {type:'TAG',value:'div',matches:match} * group[0][1] = {type:'CLASS',value:'.class',matches:match} * group[1][0] = {type:'TAG'

锋利的jQuery学习笔记之jQuery选择器

在介绍jQuery选择器之前,先简单介绍一下CSS选择器---> 一.CSS选择器 常见的CSS选择器有以下几种: 选择器 语法 描述 示例 标签选择器 E{CSS规则} 以文档元素为选择符 td{font-size:10px;} a{tetx-decoration:none;} ID选择器 #ID{CSS规则} 以文档元素的唯一标示ID为选择符 #node{corlor:red;} 类选择器 .className{CSS规则} 以文档元素的class作为选择符 div.node{backgro

JQuery选择器

JQuery选择器 通过一个样例来分辨这些选择器,首先做一个初始的页面: 1.HTML 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>选择器</title> 6 <script type="text/javascript" src="../JQue

JQuery选择器--------页面效果

今天你,我给大家带来的是JQuery选择器的一些知识,希望对大家的学习有些帮助! 什么是jquery选择器? 概念允许的多个元素组或单个元素进行操作从而找出想要的元素. 几种jquery选择器的介绍一.基本选择器1. Id选择器功能根据匹配的ID匹配一个元素示例:$(“#id”)2. class选择器 功能根据给定的类匹配元素.示例$(“.class”)3.*功能匹配所有元素.示例$(“*”)4.element功能根据给定的元素名匹配所有的元素.示例$(“div”) 查找所有

jQuery选择器详解及实例---《转载》

选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就非常简单,我更希望的是它能够提升个人编写jQuery代码的效率.本文配合截图.代码和简单的概括对所有jQuery选择器进行了介绍,也列举出了一些需要注意和区分的地方. 一.基本选择器 1. id选择器(指定id元素) 将id="one"的元素背景色设置为黑色.(id选择器返单个元素) $(document).ready(func

使用jquery选择器大全的用法介绍

在jquery开发(http://www.maiziedu.com/course/python/303-2785/)当中,很多人都很在意选择器的问题,首先选择器是jQuery最基础的东西,也对获得页面元素变得更加容易.更加灵活,能减轻工程师的开发压力,本文主要加深对选择器的理解以及用法,帮助提升个人编写jQuery代码的效率.下面就一起看看对所有jQuery选择器的介绍,并且也列举出了一些需要注意和区分的地方. 一.基本选择器 1. id选择器(指定id元素) 将id="one"的元素

jQuery选择器的总结

jQuery选择器 jQuery选择器是准确地选取你希望应用的元素. jQuery的元素选择器和属性选择器允许你通过标签名.属性名或者内容对HTML元素的选择. jQuery元素选择器表 选择器 实例 选取 * $("*") 所有元素 #id $("#lastname") id="lastname" 的元素 .class $(".intro") 所有 class="intro" 的元素 element $(

jQuery选择器(转)

原文:http://www.cnblogs.com/qinwang913/p/3444135.html 一.基本分类 jQuery选择器大致可以分为两类,基本选择器和过滤选择器,总体结构体系如下: 二.基本选择器 基本选择器又可以分为三种,分别为 CSS选择器 层级选择器 表单域选择器 2.1 CSS选择器 jQuery借用一套CSS选择器,共5种. CSS选择器(链接:http://www.cnblogs.com/qinwang913/p/3443766.html) 2.1.1 标签选择器 用