当id包含点时,如何通过ID和jquery选择html节点？

当ID包含点时，可以使用CSS选择器来选择HTML节点。在CSS中，可以使用反斜杠（\）来转义特殊字符，例如点（.）。因此，可以使用以下方法来选择具有包含点的ID的HTML节点：

$("#\\.id\\.with\\.dot")

其中，\用于转义点（.），id.with.dot是包含点的ID。这将选择具有ID为id.with.dot的HTML节点。

相关·内容

jQuery通过id选择器绑定双击事件，和appendTo（）方法的使用详解

下拉列表绑定一个双击事件dblclick（） $("#id”).dblclick(function(){ //获取列表中所有被选中的option var alloptions...= $("option:selected");//这种写法存在问题，如果已分配列表中也有被选中的option同样会被选中//不可以 var alloptions = $("#id option...:selected",document);==>$("option:selected");//不可以 var alloptions = $("option:selected",$("#id..."));//选择哪个下拉（select）列表的被选中的值（第二种写法） var alloptions = $("option:selected",#id);//这个是另外一种写法也是可以被识别的...this）.appendTo($("#assignedRoleList"));//把this移动到 #assignedRoleList $（"option:selected","#id

1.2K2 0

学习zepto.js(Hello World)

DOMContentLoaded 事件 }) 　　当$变量已经存在时,如引用了jQuery,那么zepto的全局对象将不会指向$,但始终指向window.Zepto ? 　　...对象, 　　如果selector为字符串,先去除两端空格,然后判断selector是否为包含html标签的字符串, 　　　　如果是则通过fragment方法生成一个dom对象并返回, 　　当验证selector...方法，该选择器不包含子选择器并且选择器开头是个#号，这说明人家要的是个ID：XXX的标签　　　　　　如果满足这种情况，就调用getElementById并将返回结果放入一个数组，这也是为什么获得jQuery...对象就算是通过ID选择器也会返回一个length为1的数组的原因，如果没有获取到该元素，则返回一个空数组；　　　　如果不满足该条件，则判断上下文是否为一个标签节点，文档对象节点或一个文档片段节点。...直接返回空数组（任性~）；　　　　　　但如果满足条件了，继续进行判断，选择器为不包含子选择器的（get√），并且不是通过ID选择的（get√），而且支持getElementsByClassName的（

3.5K8 0

一个小时学会jQuery

DOM对象； $只是jQuery的别名形式；每一个jQuery对象都是一个DOM对象的集合三、常用选择器通过jQuery中的选择器实际上取得的是HTML中的DOM元素。...基本选择器基本选择器是jQuery中最常用的选择器，也是最简单的选择器，它通过元素id、class和标签名等来查找DOM元素。在网页中，每个id名称只能使用一次，class允许重复使用。...3.2.1、通过id获取元素在CSS中经常使用id来控制元素，在jQuery中获取元素时，也使用同样方法。与CSS一样，在id前面加上#号。...'text']").change() //当节点的值发生改变时触发事件 $("input").select() //当input 节点中的文本被选择时触发事件 $("form").submit() //...可用值: "xml": 返回 XML 文档，可用 jQuery 处理。 "html": 返回纯文本 HTML 信息；包含的script标签会在插入dom时执行。

18.4K7 1

jQuery 基本语法

在进行下面内容之前我还要说明一点$("p")和$("#p")的区别,$("p")表示取所有p标签（例如：）的元素，$("#p")表示取id为"p"（例如：</span...一、核心部分 $(expr) 说明：该函数可以通过css选择器，Xpath或html代码来匹配目标元素，所有的jQuery操作都以此为基础参数：expr：字符串，一个查询表达式或一段html字符串..."); } 运行：当点击id为test的元素时，背景色变成黄色（yellow） $(elems) 说明：限制jQuery作用于一组特定的DOM元素参数： elem：一组通过jQuery对象压缩的DOM... jQuery代码及功能： function jq(){ var f = $("div"); alert($(f).find("p").html()); } 运行：当点击id为test的元素时...alert($("p").get(1).innerHTML); } 运行：当点击id为test的元素时，alert对话框显示：So is this，即第二个标签的内容注意：get和eq的区别，eq

3.8K4 0

学习jQuery？这篇文章就够了

1、准备页面 2、练习五、jQuery 选择器 1、作用 2、选择器的组成 3、如何使用选择器获取元素六、基本选择器 1、基本选择器 1.1、id 选择器 1.2、元素选择器 1.3、类选择器...div> 切换button> body> html> 三、jQuery 对象 1、问题引入通过 document.getElementById() 找到的元素和通过...3、如何使用选择器获取元素语法：(“选择器”) ，如 (“#mydiv”)。...六、基本选择器 1、基本选择器 jQuery 最常用，最简单选择器，通过元素的 id、class 或标签等查找元素。...注意：是匹配之后的元素，不包含该元素在内，并且 siblings 匹配的是和 prev 同辈的元素，其后辈元素不被匹配。

12.3K1 0

前端(四)-jQuery

#id 选取指定id名的元素并集选择器 selector1,selector2......A>B prev+next 相邻选择器 A+B prev~siblings 同辈选择器 A~B 2.3 属性选择器 $("标签[属性]") 语法说明 [attribute] 包含某属性 [...事件结合 hasClass("样式类名") 判断是否包含指定样式 3.2 内容操作 html() text() 方法名说明 html(context) 给指定元素添加网页内容(会编译标签) js-...3.4.1 创造节点 $()用于获取或创建节点方法说明 $(element) 把DOM节点转化成jQuery节点 $(selector) 通过选择器获取节点 $(html) 使用HTML字符创建jQuery...()); }); $("li").each(function(){ //注意:elm时dom元素对象,不可以直接使用jQuery方法,必须是转化为jQuery节点 alert($(this).

8.5K3 0

JQuery最全常用方法指南

”#main > *”) 子选择器，选择parent的所有子节点 $(”label + input”) 临选择器，选择prev的下一个临节点 $(”#prev ~div”) 同胞选择器，选择prev的所有同胞节点...- 1 jQuery.unique(array) 删除数组中的所有重复元素，返回整理后的数组 1、关于页面元素的引用通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及....innerHTML; 3、如何获取jQuery集合的某一项对于获取的元素集合，获取其中的某一项（通过索引指定）可以使用eq或get(n)方法或者索引号获取，要注意，eq返回的是jquery对象，而...get Jquery中的很多方法都是如此，主要包括如下几个： $("#msg").html(); //返回id为msg的元素节点的html内容。...$("#msg").html("new content"); //将“new content” 作为html串写入id为msg的元素节点内容中,页面显示粗体的new content

10.9K3 1

测试开发进阶(十四)

当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。节点树中的节点彼此拥有层级关系。...同级的子节点被称为同胞（兄弟或姐妹）获取页面标签通过 id 找到 HTML 元素（常用） document.getElementById() 通过标签名找到 HTML 元素获取出来的是列表getElementsByTagName...() 通过类名找到 HTML 元素（通过类名查找 HTML 元素在 IE 5,6,7,8 中无效。）...script> jquery基本的选择器 // id选择器 $('#btn1') // 类选择器 $('.box1') // 标签选择器 $('li') // 层级选择器 $('#ul li span...//选择div内的class等于cs的元素 $('div').find('#cs li'); 选择过滤 // 选择包含p元素的div元素 $('div').has('p'); //选择class

1K3 0

Web阶段：第五章：JQuery库

()查询出来的标签对象是Dom对象 4.通过createElement() 方法创建的对象，是Dom对象 JQuery对象 5.通过JQuery提供的API创建的对象，是JQuery对象。...例如：$("我是span标签");是jquery对象 6.通过JQuery包装的Dom对象，也是JQuery对象 7.通过JQuery提供的API查询到的对象，是JQuery对象...jquery页面加载完成之后的触发时间点： // jquery的页面加载完成之后。只是等浏览器内核解析完html标签，创建好dom对象之后。...jQuery凭借简洁的语法和跨平台的兼容性，极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax。...当触发子元素的事件的时候，同一个事件也被传递到了父元素的事件里去响应。那么如何阻止事件冒泡呢？在子元素事件函数体内，return false; 可以阻止事件的冒泡传递。

26.2K2 0

jquery常用方法

,[data],fn); //绑定事件处理器函数 $("#ID").toggle(fn,fn);//注册每次点击时切换要调用的函数 1 2 3 外观效果 $("#ID").addClass(class)...//将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素 $("#ID").not();//从匹配元素集合中删除元素 $("#ID").add();//将元素添加到匹配元素的集合中 $("#ID")....10 11 12 元素节点操作 $("#ID").wrap(html);//把所有匹配的元素用其他元素的结构化标记包裹起来 $("#ID").empty();//删除匹配的元素集合中所有的子节点 1...//callback (Callback) : (可选) 载入成功时回调函数。 jQuery.ajax();//返回其创建的XMLHttpRequest对象。...(str);//去掉字符串起始和结尾的空格 jQuery.contains(dom1,dom2);//dom1节点是否包含dom2节点 jQuery.type();//返回对象的数据类型 jQuery.isArray

7842 0

jQuery介绍与常见选择器的使用

.$ = _$; } // 当deep设置为 true 的话，_jQuery 覆盖 window.jQuery，此时 $ 和 jQuery 都将失效。...noGlobal ) { window.jQuery = window.$ = jQuery; } return jQuery; } ); 在使用jQuery时，通过$( )来包装、简化操作，...jQuery对象只能调用自己的方法，例如html、attr等。而且我们得知道，在DOM树中的每一个节点或者说标签，都是一个对象。以下演示几个常用的选择器： 1.标签选择器。...('hello'); // 给包含该类选择器的标签都写入hello 运行结果： hello hello hello 3.id选择器。...> // 给包含该id的标签都写入hello $("#test").html('hello'); $("#test1").html

2.7K1 0

jQuery的三种$()

1、$()可以是$(expresion)，即css选择器、Xpath或html元素，也就是通过上述表达式来匹配目标元素。...就是在点击页面上的任何一个链接时的触发事件。确切地说，就是jQuery用这个标签构建了一个对象$("a")，函数 click()是这个jQuery对象的一个（事件）方法。...; }); 对于选择HTML文档中的elements，jQuery有两种方法： 1）如$("div>ul a")，它的意思是div标签中的ul标签中的a标签不过，$('div>ul')和$('...不过有一点——$('div>ul')和$('div ul')是有区别的， $('div>ul')是的直接后代里找；而$('div ul')是在的所有后代里找。...所以，$('#sId>li')所选择的是id为"sId"的所有孩子节点，即使这个的后代还有也不是它所找的范围（所找到的DOM对象，只是它本级的DOM对象。）。

7783 0

jQuery 教程

选择器 jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。...:empty选择没有子元素或内容文字的元素，如：$("td:empty")) :has()选择包含至少一个匹配指定选择器的元素的元素，如：$("div:has(p)")) :parent选择至少有一个子节点...事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。实例：在元素上移动鼠标。...; } ); focus() 当元素获得焦点时，发生 focus 事件。当通过鼠标点击选中元素或通过 tab 键定位到元素时，该元素就会获得焦点。...） empty() 从被选元素移除所有子节点和内容 hasClass() 检查被选元素是否包含指定的 class 名称 height() 设置或返回被选元素的高度 html() 设置或返回被选元素的内容

17K2 0

JavaScript学习笔记（四）—— jQuery入门

1. jQuery选择器 - 选择器都是以 $() 开头的基础选择器选择器描述 id选择器指定id元素 class选择器遍历css类元素 element元素遍历HTML元素 *选择器遍历所有元素...属性选择器是通过元素的属性作为过滤条件进行筛选对象名称说明举例 [attribute] 匹配包含给定属性的元素 $(“div[id]”) [attribute=value] 匹配给定的属性是某个特定值的元素...;//设置文本内容 }); }); 对HTML内容进行操作 jQuery提供了两种方法对HTML进行操作，分别是html()方法和html(val)方法，同样是一个获取，...() 从被选元素移除所有子节点和内容复制节点与替换节点 clone() replaceAll()：把被选元素替换成新的HTML元素 replaceWith()：把被选元素替换成新的内容 <script...切换与触发事件切换事件有两个方法用于事件的切换，一个是hover，一个是toggle 当需要设置鼠标悬停和鼠标移除的事件中进行切换时，使用K方法: <script type="text/javascript

11.2K5 0

JQuery快速入门

在使用jQuery时，需要注意jQuery对象和DOM对象的区别，通常对于jQuery对象，会在变量前加$，如var $variable=jQuery对象;。可以通过如下方式对两者进行转化。...通配选择器 *{} 其他选择器伪类选择器、子选择器、临近选择器和属性选择器那么相应的jQuery也会提供对应的选择器，并增加部分自定义的选择器用于方便操作，主要包括基本选择器、层次选择器、过滤选择器...jQuery选择器示例基本选择器 #id, .class, element 最基本的id,类,元素选择器 * 匹配所有元素, $("*") selector1,selector2,… 将每一个选择器匹配到元素合并后一起返回...元素的id包含#，（，]等特殊字符时，需要通过//进行转义，例如：， $('#id\\[1\\]') //转义特殊字符 DOM(Document Object...事件冒泡就是当页面上有个元素时，其中一个嵌套在另一个中，如果均绑定了click事件，那么触发内层元素的click事件时，会同时触发外部的click事件。

2.5K10 0

探索 JQuery EasyUI：构建简单易用的前端页面

lines：设置是否显示节点之间的连接线。checkbox：设置是否显示节点前的复选框。cascadeCheck：设置是否级联勾选子节点。onSelect：设置节点被选中时的回调函数。...我们还设置了显示复选框，并且当节点被选中时弹出一个提示框显示被选中节点的文本内容。...3.7 Combobox 组合框组件Combobox 组合框组件将一个文本框和一个下拉框组合在一起，用户可以在文本框中输入内容，也可以通过下拉框选择预定义的选项，从而实现灵活的用户输入和选择操作。...php// 获取任务 ID 并从数据库中删除对应的任务// 返回 JSON 格式的删除结果（成功或失败）通过以上的 HTML、JavaScript 和 PHP 代码，我们创建了一个简单的任务管理系统。...总结希望通过本篇博客的学习，读者可以掌握 JQuery EasyUI 的基本用法，并且了解如何利用 EasyUI 开发各种类型的前端应用程序。加油加油！

4411 0

探索 JQuery EasyUI：构建简单易用的前端页面

lines：设置是否显示节点之间的连接线。 checkbox：设置是否显示节点前的复选框。 cascadeCheck：设置是否级联勾选子节点。 onSelect：设置节点被选中时的回调函数。...我们还设置了显示复选框，并且当节点被选中时弹出一个提示框显示被选中节点的文本内容。...3.7 Combobox 组合框组件 Combobox 组合框组件将一个文本框和一个下拉框组合在一起，用户可以在文本框中输入内容，也可以通过下拉框选择预定义的选项，从而实现灵活的用户输入和选择操作。...php // 获取任务 ID 并从数据库中删除对应的任务 // 返回 JSON 格式的删除结果（成功或失败）通过以上的 HTML、JavaScript 和 PHP 代码，我们创建了一个简单的任务管理系统...总结希望通过本篇博客的学习，读者可以掌握 JQuery EasyUI 的基本用法，并且了解如何利用 EasyUI 开发各种类型的前端应用程序。加油加油！(ง •_•)ง

481 0

程序员Web面试之jQuery

jQuery的语法结构可以分为四部分：默认情况下，所有Jquery的命令开始以一个“$”符号。其次是HTML元素的选择。例如下面是我们通过ID“txt1”选择一个HTML文本框。...接着由点（.）分隔。这个操作者将分离的元素和该元素的动作(函数)。最后什么样的函数(动作)。例如在下面的jQuery代码，我们正在设置的文本值为“Hello world, jQuery”。...").hide(); 选择ID为Text1的HTML元素，并赋值 $("#Text1").val("Hello"); 选择Class为Text1dHTML元素，并赋值 $(".Text1").val("...一次完整的HTML DOM加载完成，会触发HTML的“document.ready”事件,而要通过JQuery访问HTML元素，则需要页面的HTML元素加载完成。...如何用jQuery对HTML元素事件进行附加？下面通过2个例子来说明例子1，选择所有的button元素，在其click事件中，对所有p元素进行toggle。

2.6K10 0

JQuery 入门学习(一)

1.6K1 1

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

当id包含点时,如何通过ID和jquery选择html节点？

相关·内容

jQuery通过id选择器绑定双击事件，和appendTo（）方法的使用详解

学习zepto.js(Hello World)

一个小时学会jQuery

jQuery 基本语法

学习jQuery？这篇文章就够了

前端(四)-jQuery

JQuery最全常用方法指南

测试开发进阶(十四)

Web阶段：第五章：JQuery库

最新jquery+easyui_api培训文档

jquery常用方法

jQuery介绍与常见选择器的使用

jQuery的三种$()

jQuery 教程

JavaScript学习笔记（四）—— jQuery入门

JQuery快速入门

探索 JQuery EasyUI：构建简单易用的前端页面

探索 JQuery EasyUI：构建简单易用的前端页面

程序员Web面试之jQuery

JQuery 入门学习(一)

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐