当id包含点时,如何通过ID和jquery选择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.8K2 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的（

4.2K8 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时执行。

22.4K7 1

WEB入门之十六操作DOM节点

(){ $("#s2").append($("select option:selected").clone()); } ) 上述代码包含两个下拉列表框，当单击按钮时通过clone函数把第一个下拉列表框的选中项...7.2 节点筛选前面我们学习了过滤选择器，它是在获取到元素后通过索引进一步进行了过滤或筛选。...> 上述代码分别使用eq、first、last和slice函数结合选择器获取了相关表单数据 7.2.2 查找节点节点查找函数用来通过父子、平级、后代等关系查找节点，详见表7-1-5所示。...任务实训部分 1：动态管理树形菜单训练技能点 Ø jQuery节点操作需求说明使用jQuery节点操作函数对树形菜单进行动态添加和删除，如图7.2.1所示。...二、上机练习使用jQuery节点操作函数实现表格内容的修改。当单击【修改】按钮时，单元格中的文本信息替换为文本框；单击【确定】按钮时，文本框中的数据显示到单元格中。

1.2K1 0

WEB入门之十六操作DOM节点

{$("#s2").append($("select option:selected").clone());}) 上述代码包含两个下拉列表框，当单击按钮时通过clone函数把第一个下拉列表框的选中项...7.2 节点筛选前面我们学习了过滤选择器，它是在获取到元素后通过索引进一步进行了过滤或筛选。...> 上述代码分别使用eq、first、last和slice函数结合选择器获取了相关表单数据 7.2.2 查找节点节点查找函数用来通过父子、平级、后代等关系查找节点，详见表7-1-5所示。...任务实训部分 1：动态管理树形菜单训练技能点 Ø jQuery节点操作需求说明使用jQuery节点操作函数对树形菜单进行动态添加和删除，如图7.2.1所示。...二、上机练习使用jQuery节点操作函数实现表格内容的修改。当单击【修改】按钮时，单元格中的文本信息替换为文本框；单击【确定】按钮时，文本框中的数据显示到单元格中。

1.4K1 0

jQuery 基本语法

在进行下面内容之前我还要说明一点$("p")和$("#p")的区别,$("p")表示取所有p标签（例如：）的元素，$("#p")表示取id为"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

4.8K4 0

Jquery入门基础教程免费版

div：扎克波哥 id="two">第二个div：雷布斯类样式的周鸿祎 html> 如何不使用...同样，在jQuery里面，我们要操作页面对象还是需要找对象，找页面对象，就是通过各类的选择器来找，简化我们的业务代码量。...在jquery里面，使用[]来指定属性选择器，基本选择器[属性选择器] 属性选择器符号说明用法 $("a[href]") 选择所有包含href属性的元素 $("a[href]").css("background...[a-zA-Z]{2,3}){1,2}$/; 邮箱总结： 1.选择器重点讲了好几个，今天是表单选择器； 2.掌握如何针对某个选择器进行操作，规律:三个字总结:找事匿 3.jQuery...事件的使用方法，三步骤：务必记住：找事匿 1.找对象 2.定事件 3.匿名函数 3.0 常用事件 Blur事件当元素失去焦点时触发 blur 事件。

2.2K1 0

前端架构师之01_JQuery

方式2则通过公共的CDN的优势加快了jQuery文件的加载速度。在HTML页面中创建含有文本“测试”和属性（align=“center”）的元素。...基本选择器层级选择器基本过滤选择器内容选择器可见性选择器属性选择器子元素选择器表单选择器 2.2.1 基本选择器 jQuery中基本的选择器，常用的分别为：标签选择器、类选择器和ID选择器...元素当指定元素的display设置为none时，可以通过“:hidden”获取隐藏的元素。...当指定元素的display设置为block时，可以通过“:visible”获取可见的元素。 2.2.6 属性选择器根据元素的属性获取指定元素的方式。...和checkbox）的选中情况，当要获取的元素是元素时，返回结果是一个包含所选值的数组；当要为表单元素设置选中情况时，可以传递数组参数。

3.1K0 0

学习jQuery？这篇文章就够了

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

13.6K1 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).

9.9K3 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

13.2K3 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

1.3K3 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; 可以阻止事件的冒泡传递。

28.7K2 0

最新jquery+easyui_api培训文档

onLoadError none 当远程数据加载失败时触发 onSelect record 当用户选择了一个列表项时触发 onChange newValue, oldValue 当文本域字段的值改变时触发...，必须包含两个属性各对应valueField和TextField属性。...400 11.3 事件事件名参数描述 onLoad arguments 当一个AJAX标签加载远程数据完成时被触发，参数和jQuery.ajax成功返回的回调函数相同 onSelect title...，该节点参数包含以下属性： id:节点ID text:节点的文本 attributes:节点自定义属性 target:点击DOM对象的目标 onDblClick node 用户双击一个节点时触发，参数同...index 选择某行，行索引以0开始 selectRecord idValue 通过id值选择一行 unselectRow index 取消选择某行 beginEdit index 开始编辑某行 endEdit

4.4K4 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

1.3K2 0

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

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

3.4K1 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对象。）。

1.1K3 0

jQuery 教程

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

21K2 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

12.4K5 0

JQuery快速入门

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

3.5K10 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭