jQuery选择器——（三）

1.基本元素选择器

id选择器：$(“#id名称”);

元素选择器：$(“元素名称”);

类选择器：$(“.类名”);

通配符：*

多个选择器共用(并集)

2.层级选择器

ancestor descendant: 在给定的祖先元素下匹配所有的后代元素(儿子、孙子、重孙子)

parent > child : 在给定的父元素下匹配所有的子元素(儿子)

prev + next: 匹配所有紧接在 prev 元素后的 next 元素(紧挨着的，同桌)

prev ~ siblings: 匹配 prev 元素之后的所有 siblings 元素(兄弟)

3.过滤选择器

$(‘li‘).first() 等价于：$(“li:first”)

奇数偶数选取从零开始(用于表格隔行间色)

4.属性选择器

5.子元素选择器

6.表单选择器

时间： 2024-12-19 03:26:06

jQuery选择器——（三）的相关文章

三、jQuery选择器

注意: jQuery获取的永远是对象,即使网页上没有此元素 不能这样判断 if($('#tt')){} 应根据元素长度来判断 if($('#tt').length > 0){} 或转化成DOM来判断 if($('#tt')[0]){} 一.基本选择器 基本选择器是jQuery中最常用的选择器,也是最简单的选择器,它通过元素id,class,和标签名等来查找DOM元素. 二.层次选择器 三.过滤选择器 1.基本过滤选择器 2.内容过滤选择器 3.可见性过滤选择器 4.属性过滤选择器 5.子元素过滤

jQuery学习笔记（四）使用选择器三

显隐伪类选择器 :hidden :visible能够根据元素的可见或隐藏进行快速过滤 显隐伪类选择器 说明 :hidden 匹配所有不可见元素,或者type伪hidden的元素 :visible 匹配所有的可见元素 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <script src="jquery-1.11.3.js" type=&

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 标签选择器 用