【jQuery选择器练习中，带空格和不带空格的问题】的更多相关文章

jQuery选择器练习中，带空格和不带空格的问题

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>选择器空格的问题</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"…

jQuery选择器我犯的错误（原创）

jQuery的选择器十分强大,但是在使用jQuery选择器的时候一定要十分小心,空格.冒号.引号到处都是坑,老手也不能避免,只能勤加练习,熟能生巧,掌握规律,为了练习,凡是到选择器的地方我都自己先敲,刚开始的时候犯过无数的错误,有的错误简直幼稚甚至愚蠢,但是我坚持不看书上的答案,尽最大能力调试成功,下面我把我犯过的错误列出来,大家有则改之无则加勉. 1.选择class不为one的所有div元素   2.选择class为one的div的第一个子元素 $(div.one :first-child)…

jQuery选择器中空格的问题再探究

jQuery选择器的空格问题,看似很小,但是差之毫厘谬以千里,让人很是恼火,<锋利的jQuery>书中有个经典的例子,我这里也拷贝下来,再加点自己的想法 <html> <head> <title>选择器空格的问题</title> <script type="text/javascript" src="jquery-1.3.1.js"></script> <script type…

jquery选择器中的find和空格，children和>的区别、及父节点兄弟节点，还有判断是否存在的写法

 一.find和空格,children和>及其它的区别   空格:$('parent childchild')表示获取parent下的所有的childchild节点(所有的子孙). 等效成  ==$('parent').find('children')        获取子节点  offspring 获取所有子孙节点$('parent *') 大于号:$('parent > child')表示获取parent下的所有child的儿子( 第一代). 等效成  ==$('parent').chil…

JQuery选择器中的一些注意事项

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

我人生中的jQuery选择器

Jquery选择器 一.Jquery选择器简介 JavaScript只是一种运行于客户端,可以被客户端浏览器解析的一段代码.它和java没有任何关系.JavaScript简称JS.jQuery是对JS的一个封装,市面上对JS代码进行封装了厂家不止一个 二.jquery选择器的优势 1.简洁的写法,$()函数 2.支持CSS1.0到CSS3.0选择器 3.完善的处理机制 三.jquery选择器详解 3.1基本选择器: Jquery选择器与css选择器基本相同,它继承了CSS选择器的语法和功能,主要…

JQuery选择器中含有冒号的ID处理差异的分析

问题提出 对于一个输入框, 如果其id中含有冒号(:),选择器使用需要有特殊写法, 例如 id为下 <input type="text" value="ddd" id="a:b"> 使用$(selector)直接使用#id值, 找不到DOM console.log("#a:b")console.log($("#a:b").length) // output 0 经过探索可以使用以下两个方法选择到…

jquery选择器中两个class是什么意思？

jquery选择器中两个class是什么意思? $(".class1 .class2") 选择class1元素下class2的元素(中间有空格)$(".class1.class2") 选择同时含有class1和class2的元素(中间没有空格)$(".class1,.class2") 选择class1或者class2的元素(中间有逗号) jQuery的选择器和css选择器基本一样,例如:css选择多个class为:.class1.class2jQ…

JQuery选择器大全 前端面试送命题：面试题篇 对IOC和DI的通俗理解 c#中关于协变性和逆变性（又叫抗变）帮助理解

JQuery选择器大全   jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement")    选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div")           选择所有的div标签元素,返回div元素数组 $(".myClass")      选择使用myClass类的css的所有元素 $("*&…

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

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

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

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

在CodedUI中使用JQuery选择器

在CodedUI中使用JQuery选择器http://automationqa.com/forum.php?mod=viewthread&tid=3574&fromuid=29…

jQuery的选择器中的通配符[id^='code']或[name^='code']及jquery选择器总结

1.选择器 (1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id属性包含code的所有input标签 $("input[name^='code']");//name属性以code开始的所有input标签 $("in…

处理jQuery选择器中的特殊符号，如（、#等

前几天解决一个外网问题,客服反馈页面数据加载不出来,首先看一下服务端日志也没报错异常,自己测试了一下,在chrome的Console发现有js报错,原来是js报错导致的数据加载不出来. 调试了一番,发现有一部分页面是根据服务端返回的数据拼接的html.返回的数据某字段带有括号,从而生成的html类似<div id="id(xxx)">aa</div>.然后在通过id获取时取不到数据,所以导致js报错的. 最快的解决办法在后台管理系统修改了数据,把括号去掉了,页面…

jQuery选择器 大于 空格 波浪线 加号

JQuery选择器 大于 空格 波浪线 加号的区别 元素遍历 符号 说明 空格 $(‘parent child’)表示获取parent下的所有的child节点(所有的子孙). 大于号 $(‘parent > child’)表示获取parent下的所有叫child的儿子(第一代). 加号 $(‘pre + nextbrother’)表示获得pre节点的下一个兄弟节点,相当于next()方法 波浪号 $(‘pre ~ brother’)表示获取pre节点的后面的所有兄弟节点,相当于nextAll()…

jQuery选择器中的特殊符号和关键字

一般情况下,在jQuery选择器中,我们很少会用到诸如"."."#"."("."["等特殊字符,因为根据W3C规定,HTML文档中属性的值是不能包含有这些个特殊字符的,但是在实际应用中,偶尔也会遇到表达式中含有"#"和"."等特殊字符,正如我的Skygq表单验证和表单ajax提交合体版插件,在许多人的使用过程中出现了需要选择器中支持"."的操作(他们都是java程序员…

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

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

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

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

js/jQuery使用过程中常见问题

目录 一.jQuery选择器选择选中的或者disabled的选择框时attr函数无效 二.jQuery each函数的break/continue 三.jQuery 获取元素的left会值/left数值 四.js 监听元素触摸/划屏动作 五.没设置导致$(window).height()不准确问题 六.jQuery获取/设置/监听下拉选择select的值 七.jQuery获取/设置/监听输入框input的值 八.js拼接html字符串时要注意先把单引号及双引号转义,不然可能会出现页面错误 九.绑…

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

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

jQuery选择器。 5.21 《深夜还在编码的你》

(之所以字体弄那么大是因为省眼,程序员不容易,程序员的眼睛更不容易,请保护我们的眼睛) 选择器是jQuery的根基,在jQuery中,对事件处理.遍历DOM和Ajax操作都依赖于选择器. 熟练地使用选择器,不但能简化代码,而且能够事半功倍. jQuery选择器可通过CSS选择器.条件过滤两种方式获取元素. 可以通过CSS选择器语法规则获取元素的jQuery选择器包括基本选择器.层次选择器和属性选择器: 可以通过条件过滤选取元素的jQuery选择器包括基本过滤选择器和可见性过滤选择器. jQuer…

jQuery-认识JQuery，jQuery选择器

认识JQuery: 1.window.onload与$(document).ready()的区别 window.onload $(document).ready() 执行时机 必须等待网页中的所有内容加载完毕后才能执行 网页中所有DOM结构绘制完毕后就执行,可能DOM元素关联的东西并没有完全加载完 编写个数 不能同时编写多个方法 可以同时编写多个 简化写法 $(document).ready(function(){ //… }) 2.jQuery对象以及DOM对象 jQuery: $(”#foo…

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

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

jQuery选择器和选取方法

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

jQuery基础学习(二)—jQuery选择器

一.jQuery基本选择器 1.CSS选择器     在学习jQuery选择器之前,先介绍一下之前学过的CSS选择器. 选择器 语法 描述 示例   标签选择器 E {                 CSS规则   }   以文档元素为选择符   ID选择器 #ID{                  CSS规则 }   以ID为选择符   类选择器 E.className{                 CSS规则 }   以文档元素的Class为选择符   群组选择器 E1,E2{   …

js/jQuery使用过程中常见问题/已踩过的坑大杂烩

目录 一.jQuery选择器选择选中的或者disabled的选择框时attr函数无效 二.jQuery each函数的break/continue 三.jQuery 获取元素的left会值/left数值 四.js 监听元素触摸/划屏动作 五.没设置导致$(window).height()不准确问题 六.jQuery获取/设置/监听下拉选择select的值 七.jQuery获取/设置/监听输入框input的值 八.js拼接html字符串时要注意先把单引号及双引号转义,不然可能会出现页面错误 九.绑…

JQuery——选择器

简单介绍一下什么是选择器:选择器是CSS样式中用来选择页面元素的一个特有的方式,而JQuery的选择器同样也是如此,JQuery的选择器简单的分为一下这几种:1.常用的CSS选择器 标签选择器:E{ CSS规则 }  E 代表页面上所有的标签 ID选择器: #ID{ CSS规则 } #号代表是ID(identity)的意思,也就是身份 注意:在一个页面上只能出现一个ID 且ID永不重复,如果页面上有两个ID那个选择器会自动匹配第一个名为ID的元素 类选择器: .class{ CSS规则 }  .…

CSS选择器与jQuery选择器的异同：一些特殊的选择器

在CSS3选择器标淮草案定义的选择器语法中,jQuery支持相当完整的一套子集,同时还添加了一些非标准但很有用的伪类.下面是一些jQuery扩展的选择器:(来自http://www.cnblogs.com/MaxIE/p/4078869.html) jQuery选择过滤器 过滤器 含义 #id 匹配id属性为id的元素.在有效的}ITML文档中,永远不会出现多个元素拥有相同的ID,因此该过滤器通常作为独立选择器来使用 .class 匹配class属性(是一串被解析成用空格分隔的单词列表)含有cl…

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大类:基本…