jquery 选择器.转义

2024-10-04

Jquery 选择器特殊字符转义字符

1.Jquery 选择器 id包含特殊字符,加双斜线 \\ 例 <input type="text" id="dbo_HouseInfo.HouseResourceID" /> <script> var val= $("#dbo_HouseInfo\\.HouseResourceID").val(); </script> 2.HTML中的转义字符加单斜线 \ 例

JQuery选择器 JQuery选择器规则, 借用了css1-3的规则(css选择器规则), 因为css本身也需要一套规则来索引DOM元素, 进而进行样式渲染,例如div.blue 表示目标DOM为 class属性值为blue的div元素. 同时JQuery添加了一些自己的规则, 例如按照查询连接元素 $("[href]"). 这样就衍生出, 一套元字符, 用于表达选择器合法格式, 故对于其他部分例如属性值在选择器中的情况, 例如查询href为 www.baidu.com的链接,

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

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

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

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

第二章 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 选择器详解 js 判断字符串是否包含另外一个字符串

Jquery 选择器详解在线文档地址:http://tool.oschina.net/apidocs/apidoc?api=jquery 各种在线工具地址:http://www.ostools.net/ 一.基本选择器 1 $("#div1").html("hello world 1"); //根据id匹配元素(a) 2 $(".c1").html("hello world 2"); //根据Yclass匹配元素(b)

jQuery（二）：jQuery选择器

jQuery选择器类似于CSS选择器,用来选取网页中的元素.例如: $("h3").css("background-color","red"); 说明: 获取并设置网页中所有<h3>元素的背景色. “h3”为选择器语法,必须放在$()中. $("h3")返回jQuery对象. 一.jQuery选择器 jQuery选择器功能强大,种类也很多,分类如下: 1.类CSS选择器基本选择器层次选择器属性选择器 2.过滤

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

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

JQuery - 特殊字符转义(Uncaught Error: Syntax error, unrecognized expression:的处理)

今天在改一个jQuery老项目时候,发现标签上的data-id中含有特殊字符时候报错Uncaught Error: Syntax error, unrecognized expression,如何处理? 一般情况下,在jQuery选择器中,很少会用到诸如“.”.“#”.“(”.“[”等特殊字符,因为根据W3C规定,HTML文档中属性的值是不能包含有这些个特殊字符的,但是在实际应用中,偶尔也会遇到表达式中含有“#”和“.”等特殊字符.这时候需要对这些字符进行转义.处理方法如下:比如属性值为data

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

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选择器的使用注意事项：

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

一文吃透jQuery选择器!

1 jQuery选择器 jQuery选择器用于选择DOM元素进行相应操作,允许通过多种方式选择,包括标签名,属性名,类名,id等对元素进行选择,基于CSS选择器.jQuery中所有的选择器都以$符号开头,后面加一对括号. jQuery选择器可以分为基本选择器,层次选择器,过滤选择器与表单选择器. 2 基本选择器基本选择器可以分成五个: id选择器元素选择器类选择器通配符选择器组合选择器 2.1 id选择器 id选择器根据给定的id匹配一个元素,以 # 开头,如有: <div id=&quo

jquery 选择器.转义

Jquery 选择器特殊字符转义字符