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

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

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

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

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

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

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

jQuery选择器中的空格问题

前几天就遇到过这样的问题,明明我用的是('tr :even').css('background','#ccc')想改变表格中行的背景色,反复试了还是没改变.还问了度娘还是没找到原因所在(当时问题描述的方向错了).今天再次遇到了这个问题,原来是我习惯性地把空格给加上了. 加了空格的效果是这样的: 去掉空格后得到了想要的样子: 以上两种结果可以看出,加了空格后选中的是其子元素,没加空格的才是指向它自身(暂时只在带冒号':'的选择器中遇到这个问题),一定要注意空格的问题,注意养成良好的编程习惯. 以下…

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

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

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 选择器中含有空格注意

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> new document </ti…

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

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

jQuery选择器中，通配符[id^='code']input[id$='code'][id*='code']

1.选择器 (1)通配符: $("input[id^='code']");//id属性以code开始的所有input标签 $("input[id$='code']");//id属性以code结束的所有input标签 $("input[id*='code']");//id属性包含code的所有input标签 (2)根据索引选择 $("tbody tr:even"); //选择索引为偶数的所有tr标签 $("tbody…