jQuery选择器的使用注意事项：

1. 选择其中含有特殊符号 W3C规范规定属性值中不能含有某些特殊字符,但在实际开发过程中,常遇到表达式中含有“#”或“.”等特殊字符的情况,如果按照普通的方式去处理就会出错,解决此类问题的方法就是使用转义符转义. 有如下代码: <div id="id#a">aa</div> <div id="id[2]">cc</div> 按照普通的方式来获取.例如: $("#id#a"); $("…

《锋利的jQuery（第2版）》笔记-第2章-jQuery选择器

选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.熟练使用选择器,不仅可以简化代码,而且可以达到事半功倍的效果. 2.1 jQuery选择器是什么 1. CSS选择器 CSS是一项出色的技术,它使得网页的结构和表现样式完全分离.利用CSS样式可以轻松地对某个元素添加样式而不改动HTML结构,只需要添加不同的CSS规则,就可以得到各种不同样式的网页. 要使某个样式应用于特定的HTML元素,首先就是需要先找到该元素.在CSS中,执行这一任务的表现规则成…

jQuery-1.9.1源码分析系列（二）jQuery选择器

1.选择器结构 jQuery的选择器根据源码可以分为几块 init: function( selector, context, rootjQuery ) { ... // HANDLE: $(""), $(null), $(undefined), $(false) ... // Handle HTML strings if ( typeof selector === "string" ) { ... // HANDLE: $(DOMElement) } else i…

jQuery选择器和DOM操作——《锋利的jQuery》（第2版）读书笔记1

第1章认识jQuery jQuery有以下优势: 轻量级: 强大的选择器: 出色的DOM操作的封装: 可靠的事件处理机制: 完善的Ajax: 不污染顶级变量: 出色的浏览器兼容性: 链式操作方式: 隐式迭代: 行为层与结构层的分离: 丰富的插件支持: 完善的文档: 开源. jQuery对象就是通过jQuery包装DOM对象后产生的对象. 在jQuery对象中无法使用DOM对象的任何方法.同样,DOM对象也不能使用jQuery里的方法. jQuery对象和DOM对象的相互转换如果…

【jQuery基础学习】01 jQuery选择器

关于CSS选择器 jQuery选择器涉及到CSS,CSS技术使得网页的结构与表现样式完全分离. 同样CSS也需要找到某个网页的结构才能改变其样式,这就是CSS选择器. 常用的CSS选择器如下: 标签选择器以文档元素作为选择符 a{ text-decoration:none; } ID选择器以文档元素的唯一标识符ID作为选择符 #myNameDiv{ font-size:14px; width:120px; } 类选择器以文档元素的class作为选择符 div.note{ font-size…

第二章 jQuery选择器

选择器是行为与文档内容之间的纽带,其目的是能轻松的找到文档中的元素. jQuery中的选择器继承了CSS的风格.利用jQuery选择器,可以非常便捷快速地找出特定的DOM元素,然后给它们添加相应的行为,无须担心浏览器是否支持这一选择器. jQuery选择器的优势:1.简洁地写法.2.支持CSS1到CSS3选择器.3.完善的处理机制. 1.基本选择器 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu…

jQuery选择器之详述

jQuery选择器一. 单词小计 Pervious 上一页sibling 同级first 第一last 最后not 不 Even 偶数 odd 奇数 header 页眉一．jQuery选择器概述选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器.因此,如果能熟练的使用选择器,不仅能简化代码,而且可以达到事半功倍的效果.jQuery选择器完全继承了CSS的风格.利用jQuery选择器,可以非常便捷的找出特定的DOM元素,然后为…

WEB入门之十三 jQuery选择器

学习内容 jQuery层次选择器 jQuery属性选择器 jQuery表单选择器 jQuery过滤选择器能力目标熟悉jQuery各种选择器的使用场合能熟练使用jQuery各种选择器本章简介上一章我初步接触了jQuery,并能够编写一些简单的jQuery代码,其中重点是jQuery基本选择器.jQuery的选择器非常强大,它是jQuery的根基,基本上任何操作都要依赖于选择器.本章重点学习jQuery选择器,包括层次选择器.属性选择器.表单选择器.内容选择器和过滤选择器等. 核心技能部分…

JQuery制作网页—— 第六章 jQuery选择器

1.jQuery选择器:jQuery选择器类似于CSS选择器,用来选取网页中的元素. Eg:$("h3").css("background","#09F"); 分析: 获取并设置网页中所有<h3>元素的背景 “h3”为选择器语法,必须放在$()中 $(“h3”)返回jQuery对象 .css()是为jQuery对象设置样式的方法 2. jQuery选择器的优势: ★简洁…

JQuery选择器——《锋利的JQuery》

刚学CSS的时候我们已经接触了选择器,其实就是按照一定的规则选择出来我们想要获取到的元素.在这里,既然选择了用jQuery选择器,首先来谈谈JQuery选择器的优势: 1.简洁的写法:$()函数在很多JavaScript类库中都被作为一个选择器来使用,平时用到的JQuery对象都是通过$()函数制造出来的,$()函数就是一个JQuery对象的制造工厂. 2.良好的兼容性,支持CSS1到CSS3选择器. 3.完善的处理机制:当$()选择器选择到的元素不存在时会报错. jQuery选择有4大类:基本…

2 《锋利的jQuery》jQuery选择器

tip1:jquery检查某个元素是否存在:if($("#tt").length>0){}或者if($("#tt")[0]){} 先说css选择器有: 标签选择器:td,a ID选择器:#note{} 类选择器:.dream{} , div.note{} 群组选择器:td,p,div.a{} 后代选择器:#links a{} 通配选择器:*{} 以上六种常用css选择器几乎所有浏览器都支持.此外CSS中还有: 伪类选择器:E:Pseudo-Elements…

第1章jquery选择器

一.jquery等价于$ jquery选择器继承了css选择器的风格. $("#ID")代替了document.getElementById()函数,即通过id获取元素. $("tagName")代替document.getElementsByTagName()函数,通过标签名获取html元素 $()获取的永远是对象,即使网页上没有此元素,因此当要用jquery检查某个元素在网页上是否存在时,不用使用判断语句 if($("#tt")){ }…

jQuery选择器特殊字符与属性空格问题

一.选择器中含有特殊符号的注意事项 1．选择器中含有“.”.“#”.“(”或“]”等特殊字符根据W3C的规定,属性值中是不能含有这些特殊字符的,但在实际项目中偶尔会遇到表达式中含有“#”和“.”等特殊字符,如果按照普通的方式去处理出来的话就会出错.解决此类错误的方法是使用转义符转义. <div id="id#b">bb</div> < div id="id[1]">cc</div> 不能这样写: $('#id#b')…

jQuery学习之二 jQuery选择器

一.jQuery选择器是什么1.CSS选择器2.jQuery选择器二.jQuery选择器的优势1.简洁的写法2.支持从CSS1到CSS3选择器3.完善的处理机制传统js选择器假如要操作的元素不存在会报错,jq不会,避免了判断存在操作的麻烦当需要使用jq判断某个元素在网页上是否存在时不能用 if($('#id')){ xxx }; 要使用if($('#id').length > 0){ xxx }; 或先转化成DOM再判断if($('#id')[0]){ xxx }; 三.jQu…

使用jQuery快速高效制作网页交互特效---jQuery选择器

一.什么是jQuery选择器 Query选择器继承了CSS与Path语言的部分语法,允许通过标签名.属性名或内容对DOM元素进行快速.准确的选择, 而不必担心浏览器的兼容性,通过jQuery选择器对页面元素的精准定位,才能完成元素属性和行为的处理. 二.jQuery选择器的优势 1.简洁的写法 2.完善的处理机制三.jQuery选择器的类型 1.通过CSS选择器选取元素: 基本选择器层次选择器属性选择器 2.通过过滤选择器选择元素基本过滤选择器可见性过滤选择器四.通过CSS选择器选取…

锋利的jQuery ——jQuery选择器（二）

一.jQuery选择器 1)CSS选择器 CSS选择器有:1>标签选择器 E{CSS规则} 2>ID选择器 #ID{CSS规则} 3>类选择器 E.className{CSS规则} 4>群组选择器 E1,E2,E3{CSS规则} 5>后代选择器 E F{CSS选择器} 6>通配符选择器 *{CSS规则} 这六大类CSS选择器几乎所有浏览器都支持. 还有 1)伪类选择器 2)子选择器 E>F{ } 3)临近选择器 E+F{CSS…

JQuery选择器(转载)

原文:https://blog.csdn.net/colorapp/article/details/44279645 一. jQuery选择器是什么1. CSS选择器要是某个样式应用于特定的HTML元素,首先需要找到该元素,在CSS中,执行这一任务的表现规则称为CSS选择器.参见之前CSS的学习博客:http://blog.csdn.net/colorapp/article/details/43706585. 2. jQuery选择器jQuery中的选择器完全继承了CSS的风格.利用jQuery…

jQuery学习笔记（2） jQuery选择器

jQuery的选择器完全继承了CSS的风格,利用jQuery选择器,可以非常便捷和快速地找出特定的DOM元素,然后为它们添加相应的行为. 目录目录 CSS选择器 jQuery选择器 jQuery选择器的优势 jQuery选择器的种类 1. 基本选择器 2. 层次选择器 3. 过滤选择器 4. 表单选择器选择器中含有空格的注意事项 CSS选择器 /*标签选择器*/ td{ font-size: 14px; width: 120px; } /*ID选择器*/ #note{ font-size:…

JQuery 选择器

选择器是JQuery的根基,在JQuery中,对事件的处理,遍历DOM和AJAX操作都依赖于选择器.如果能够熟练地使用选择器,不仅能简化代码,而且还可以事半功倍. JQuery选择器的优势 1.简洁的写法例如: $("#id")用来代替 document.getElementById() 函数,就是通过id获取元素 2.支持css1 到css3 选择器通常在使用css选择器的时候,开发人员需要考虑主流的浏览器是否支持某些选择器,而在JQuery 中,开发人员可以放心的使用JQue…

jQuery的案例及必知重要的jQuery选择器

Jquery能做什么访问和操作DOM元素控制页面样式对页面事件进行处理扩展新的jQuery插件与Ajax技术完美结合 Jquery的优势体积小,压缩后只有100KB左右 l强大的选择器出色的DOM封装 l可靠的事件处理机制出色的浏览器兼容性使用隐式迭代简化编程丰富的插件支持 jQuery的知识的分解: 1.关于window.onload和$(function(){})区别解析:window.onload等待页面上所有资源(html标签,css,img,js)都加载完成后,才…

深入学习jQuery选择器系列第一篇——基础选择器和层级选择器

× 目录 [1]id选择器 [2]元素选择器 [3]类选择器[4]通配选择器[5]群组选择器[6]后代选择器[7]兄弟选择器前面的话选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM以及ajax操作都依赖于选择器.jQuery选择器完全继承了CSS的风格,两者的写法十分相似,只不过两者的作用效果不同.CSS选择器找到元素后添加样式,而jQuery选择器找到元素后添加行为.jQuery选择器可以分为基础选择器.层级选择器.过滤选择器和表单选择器四类.对于每类选择器,除了给出j…

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

我们已经使用了带有简单Css选择器的jQuery选取函数:$().现在是时候深入了解jQuery选择器语法,以及一些提取和扩充选中元素集的方法了. 一.jQuery选择器在CSS3选择器标淮草案定义的选择器语法中,jQuery支持相当完整的一套子集,同时还添加了一些非标准但很有用的伪类.注意:本节讲述的是 jQuery选择器.其中有不少选择器(但不是全部)可以在CSS样式表中使用.选择器语法有三层结构.你肯定已经见过选择器中最简单的形式.”#te st”选取id属性为”test”的元素.”bl…

深入学习jQuery选择器系列第八篇——过滤选择器之伪子元素选择器

× 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素前面的话本文是子元素选择器的续篇,主要介绍关于nth-of-type()选择器的内容.该部分内容并非没有出现在<锋利的jQuery>一书中,nth-of-type()选择器参照CSS中的nth-of-type选择器,于1.9版本新增,本文将详细介绍该内容通用形式 :nth-of-type() 个人认为,:nth-of-type()选择器不应该归类于子元素选择器,也不完全等同索引选择器,因为其索引是指特定元素的索引,但…

深入学习jQuery选择器系列第四篇——过滤选择器之属性选择器

× 目录 [1]简单属性 [2]具体属性 [3]条件属性前面的话属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素,对应于CSS中的属性选择器.属性过滤选择器可分为简单属性选择器.具体属性选择器和条件属性选择器三种.本文将详细该部分内容简单属性选择器 [attribute] [attribute]选择器选择拥有该属性的元素,返回集合元素 //选择拥有title属性的所有元素 $('[title]') //选择拥有title属性的所有span元素 $('span[title]') //…

深入学习jQuery选择器系列第二篇——过滤选择器之子元素选择器

× 目录 [1]通用形式 [2]反向形式 [3]首尾元素 [4]唯一元素前面的话在上一篇中已经介绍过基础选择器和层级选择器,本文开始介绍过滤选择器.过滤选择器是jQuery选择器中最为庞大也是最为出彩的一部分.以CSS结构伪类选择器为基础,jQuery过滤选择器增加了很多扩展功能.本文先从与CSS选择器最相近的子元素过滤选择器开始说起通用形式 $(':nth-child(index)') $(':nth-child(index)')选择每个父元素的第index个子元素(index从1算起)…

jQuery-1.9.1源码分析系列（二）jQuery选择器续1

在分析之前说一点题外话. ownerDocument和 documentElement的区别 ownerDocument是Node对象的一个属性,返回的是某个元素的根节点文档对象:即document对象:documentElement是Document对象的属性,返回的是文档根节点对于HTML文档来说,documentElement是<html>标签对应的Element对象,ownerDocument是document对象. 接下开始正题. 3.几个jQuery选择器源码中遇到的几个函数 a…

js jquery 选择器总结

js jquery 选择器总结一.原始JS选择器. id选择器:document.getElementById("test"); name选择器:document.getElementByName("test"); 节点选择器:document.getElementsByTagName("p"); 二.jQuery 选择器. 1.jQuery 元素选择器. id选择器:$("#test"); class选择器:$("…

二、jquery选择器

在jquery库中,可以通过选择器实现DOM元素快捷选择这一重要的核心功能. 1.选择器的优势 (1)代码更简单由于在jquery库中,封装了大量可以通过选择器直接调用的方法或函数,使编写代码更加简单轻松,简单几行代码就可以实现较为复杂的功能. (2)完善的检测机制在传统的javascript代码中,给页面中某元素设置事务时必须先找到元素,然后赋予相应的属性或时间:如果该元素在页面中不存在或被前面代码所删除,那么浏览器将提示运行出出错信息,影响后续代码的执行.因此,在javascript代码…

jquery 选择器(name,属性,元素)大全

jQuery 选择器大体上可分为:基本选择器.层次选择器.过滤选择器.表单选择器. 其中过滤选择器可以分为:简单过滤选择器.内容过滤选择器.可见性过滤选择器.属性过滤选择器.子元素过滤选择器.表单对象属性过滤选择器.选择器是jQuery最基础的东西,下面向大家介绍jquery+%D1%A1%D4%F1%C6%F7/" target="_blank">jquery 选择器的用法选择器是jQuery的核心组成部分,因为使用jQuery操作DOM时所做的每件事都和选择器密切…

在.NET中使用JQuery 选择器精确提取网页内容

1. 前言相信很多人做开发时都有过这样的需求:从网页中准确提取所需的内容.思前想后,方法无非是以下几种:(本人经验尚浅,有更好的方法还请大家指点) 1. 使用正则表达式匹配所需元素.(缺点:同类型的元素如果有不同的属性,比如<div class='first'>aaa</div><div class='last'>bbb</div>, 如果想要匹配所有div元素时,将会相当麻烦,而且容易得到不想要的结果,漏掉需要的结果.) 2. 将网页转换成XML文档,使…

【jQuery选择器的使用注意事项：】的更多相关文章