如何使用jquery根据id、后缀和前缀选择元素？ - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

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

下拉列表绑定一个双击事件dblclick（） $("#id”).dblclick(function(){ //获取列表中所有被选中的option var alloptions...:selected",document);==>$("option:selected");//不可以 var alloptions = $("option:selected",$("#id..."));//选择哪个下拉（select）列表的被选中的值（第二种写法） var alloptions = $("option:selected",#id);//这个是另外一种写法也是可以被识别的...selected",this);//指的是当前下拉下表的函数下，选中中的值（第四种写法） alert(alloptions.length); //appendTo()把所有匹配的元素追加到另一个指定的元素元素集合中...//实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把b追加到a，而是把a追加到b $（"option:selected",this）.appendTo($("

1.8K2 0

java学习与应用（4.6）--过滤器、监听器、JQuery、AJAX、JSON等

使用JQuery获取元素JQuery对象（\$("#id")，\$("tag")等选择器），然后可以转换为js对象，两种对象都可以当做数组使用，方法不通用，但是前者更方便，如拥有将内容修改方法html等...选择器以选择元素对象：事件绑定（\$("xx").click(function(){})绑定单击事件），入口函数（\$(function(){})文档加载完毕执行的代码，和onload的区别如后者只能定义一次...选择器见图： ? ? ? ? ? 后代选择器包括了所有子代，子选择器只选择其下一代标签。选择器中标签选择器可以使用!=（不等），^=（前缀匹配），$=（后缀匹配），*=（包含匹配）等运算符。...过滤选择器中，根据索引，过滤器等进行过滤。过滤器选中的元素后加的冒号进行过滤，表单转转等。...remove方法移除元素，empty清空所有元素的子元素。其他方法见jquery手册如clone方法。 JQuery的动画 JQuery的动画，遍历方法，事件绑定。动画使用见图片。

7K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

Gulp构建实例

gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-cache del sass的编译 (`gulp-ruby-sass`) 自动添加css前缀...的日期范围选择器 modernizr.custom.js 用途：提供过渡动画支持 jQuery 组件 jquery.bootstrap.wizard.js 用途：基于 jQuery 的 Bootstrap...向导式插件 jquery.dataTables.js 用途：表格处理插件，包括排序分页，宽度自动处理用法：引入后，以下结构绘制表格例： /* 根据ID初始化表格，以下 .table 类用于实现单选和多选...用途：饼状图绘制工具用法：引入文件后，按 ID 初始化 DOM 元素传送门：rendro.github.io 例： <!...field相同 (11)accept: 输入拥有合法后缀名的字符串（上传文件的后缀） (12)maxlength:5 输入长度最多是5

2.4K4 0

xml笔记

它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。 * 快速入门： * 步骤： 1....getElementsByAttributeValue(String key, String value)：根据对应的属性名和属性值获取元素对象集合 3....获取子元素对象 * getElementById(String id)：根据id属性值获取唯一的element对象 * getElementsByTag(String tagName...(String key, String value)：根据对应的属性名和属性值获取元素对象集合 2....Node：节点对象 * 是Document和Element的父类 * 快捷查询方式： 1. selector:选择器 * 使用的方法：Elements select

3721 0

前端编码规范

，子组件块之间三空行分隔；如果使用了多个 CSS 文件，将其按照组件而非页面的形式分拆，因为页面会被重组，而组件只会被移动；避免选择器嵌套层级过多, 尽量少于3级避免Class ID叠加使用声明块...全部字母大写, _分隔函数及函数的参数驼峰命名法类单词首字母大写, 类的方法及属性驼峰命名法枚举变量单词首字母大写, 枚举属性全部字母大写, _分隔多个单词组成的缩写词, 在命名中, 根据当前命名法和出现的位置...不准用"string".match() 多个参数使用对象字面量存储 jQuery 使用最新版本的jQuery jQuery变量以$开头, 并缓存到本地变量中复用, 使用驼峰命名法命名 jQuery选择器...尽量使用ID选择器父元素选择子元素用.find()方法性能会更好 DOM 操作, 尽量先与节点分离, 操作结束后再插入节点字符串连接 array.join('') >+ > .append() 事件...； 2.当链式写法超过三次或者因为事件绑定变得复杂后，使用换行和缩进保持代码可读性； CSS不要写在jQuery里面避免使用 jQuery 实现动画禁止使用slideUp/Down() fadeIn

2.2K7 1

Web前端中的命名规则

, 如果没有, 可以使用须以"data-"为前缀来添加自定义属性，避免使用"data:"等其他命名方式; 7....语义化html, 如标题根据重要性用h*(同一页面只能有一个h1), 段落标记用p, 列表用ul, 内联元素中不可嵌套块级元素; 8....重要图片必须加上alt属性; 给重要的元素和截断的元素加上title; 14. 给区块代码及重要功能(比如循环)加上注释, 方便后台添加功能; 15....规避class与id命名(此条重要, 若有不明白请及时与i沟通): a）通过从属写法规避, 示例见d; b）取父级元素id/class命名部分命名, 示例见d; c）重复使用率高的命名...JavaScript注释, 单行注释使用'//这儿是单行注释' ,多行注释使用 ; 开发及测试工具约定建议使用Aptana || Dw || Vim , 亦可根据自己喜好选择, 但须遵循如下原则: 1

2.8K9 0

如何编写高效的jQuery代码（转载）

二、缓存jQuery对象查找DOM元素实际上有不小的内存开销，使用选择器的次数应该越少越好，并且尽可能缓存选中的结果，便于以后反复使用。记住，永远不要让相同的选择器出现多次。　　...jQuery对象的变量名要加上"$"的前缀以区分javascript对象，当然若变量存储的并非对象，则不要添加该前缀。...jQuery编写技巧： ---- 一、选择器择优　　选择器是jQuery的基础，如何选择效率最高的选择器，先要了解各种选择器的性能差异。...（以下按效率由高到低列出）　　①ID选择器和标签元素选择器： $("#id"); $("tag"); jQuery内部会自动调用浏览器的原生方法（getElementById();，getElementByTagName...$(window).load(function(){ // 页面完全载入(包括所有的DOM元素和JS代码)后才初始化的jQuery函数. }); 由于 "$(function{});"和"$

1.1K2 0

前端基础-XML

它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。 4. PULL：Android操作系统内置的解析器，sax方式的。...(String key, String value)：根据对应的属性名和属性值获取元素对象集合 3....获取子元素对象 * getElementById(String id)：根据id属性值获取唯一的element对象 * getElementsByTag(String tagName...(String key, String value)：根据对应的属性名和属性值获取元素对象集合 2....Node：节点对象 * 是Document和Element的父类 * 快捷查询方式： 1. selector:选择器 * 使用的方法：Elements select(String

9682 0

E009Web学习笔记-XML

它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。...； getElementsByAttributeValue()：根据对应的属性名和属性值获取元素的对象集合； ③通过Elements对象（集合）获取数据 1.获取子元素对象 getElementById...(String id)：根据id属性值获取唯一的element对象 getElementsByTag(String tagName)：根据标签名称获取元素对象集合 getElementsByAttribute...(String key)：根据属性名称获取元素对象集合 getElementsByAttributeValue(String key, string value)：根据对应的属性名和属性值获取元素对象集合...(包括字标签的字符串内容) ④Node节点：是Document和Element的父类； 7、快捷查询选择器 selector：选择器方法： Elements select(String cssQuery

6421 0

web前端开发规范总结

如果有对应的设计组设计原稿，需要将对应的设计稿和html文件命名一致并合理存放。 4、css文件命名：后缀.css。...class&id参见css书写规范. 6、需要为html元素添加自定义属性的时候，首先要考虑下有没有默认的已有的合适标签去设置，如果没有，可以使用须以"data-"为前缀来添加自定义属性，避免使用"data...给重要的元素和截断的元素加上title。 14、给区块代码及重要功能(比如循环)加上注释，方便后台添加功能。 15、特殊符号使用：尽可能使用代码替代：比如(>)&空格()&»(»)等等。...b）取父级元素id/class命名部分命名，示例见d。c）重复使用率高的命名，请以自己代号加下划线起始，比如i_clear。...，亦可根据自己喜好选择，但须遵循如下原则： 1、不可利用IDE的视图模式'画'代码。

2.3K2 1

web前端开发规范总结

如果有对应的设计组设计原稿，需要将对应的设计稿和html文件命名一致并合理存放。 4、css文件命名：后缀.css。...class&id参见css书写规范. 6、需要为html元素添加自定义属性的时候，首先要考虑下有没有默认的已有的合适标签去设置，如果没有，可以使用须以"data-"为前缀来添加自定义属性，避免使用"data...给重要的元素和截断的元素加上title。 14、给区块代码及重要功能(比如循环)加上注释，方便后台添加功能。 15、特殊符号使用：尽可能使用代码替代：比如(>)&空格()&»(»)等等。...b）取父级元素id/class命名部分命名，示例见d。c）重复使用率高的命名，请以自己代号加下划线起始，比如i_clear。...，亦可根据自己喜好选择，但须遵循如下原则： 1、不可利用IDE的视图模式'画'代码。

1.7K1 0

09_Webpack打包工具

安装jQuery插件 npm install jquery -S 使用$.css()方法实现页面效果打包index.js 新建index.html文件查看列表隔行换色效果 // index.js...// 使用ES6模块化语法导入jquery插件 import $ from 'jquery'; $(function() { $('li:odd').css('backgroundColor'...加载器一起配合使用，会自动为普通的CSS添加浏览器前缀，并且支持W3C最新的规范。...::placeholder选择器用来选择一个表单元素的占位文本运行程序 Chome浏览器中的“搜索”字体颜色显示为红色 IE11浏览器中的“搜索”字体颜色显示为灰色安装postcss-loader...定义背景图片定义id值为box的div元素 id="box"> 设置id值为box的div元素的背景图片 #box{width: 580px;height

8791 0

JQuery 学了不亏

可以根据需要，互相转换 : 原生JavaScript转换jQuery对象 $(原生对象)，返回 jQuery 对象 jQuery对象转换原生JavaScript对象方法一 : 根据下标取元素,取出即为原生对象...通过选择器获取元素，$(“选择器”) 选择器分类 : 基础选择器标签选择器：$("div") ID 选择器：$("#d1") 类选择器：$(".c1") 群组选择器：$("body,p,h1")...,添加,删除创建：使用$(“标签语法”)，返回创建好的元素 var div = $(""); //创建元素 div.html("动态创建").attr("id","d1")....css("color","red"); //链式调用，设置内容和属性 var h1 = $("id='d1'>一级标题"); //创建的同时设置内容，属性和样式作为子元素添加...this 为原生对象只能使用原生的属性和方法，可以使用 $(this) 转换为 jquery 对象，使用 jquery 方法。

2.4K3 0

validation怎么用_什么是确认validation

引入文件环境在 jQuery 下 , 所有先要引入 jQuery 1 2 css/...YYYY/MM/DD hh:mm:ss AM|PM dateRange[string] validate[dateRange[grp1]] 验证 grp1 的值是否符合日期范围（开始日期与结束日期）根据控件的前后位置...prettySelect false 是否使用了美化过的 select 选择控件 [Demo] onFieldSuccess false 控件验证通过时的回调函数 function(field){}...” overflownDIV ” 设置了溢出滚动的元素，格式为 jQuery 的选择器。...usePrefix ” 使用 ID 前缀 useSuffix ” 使用 ID 后缀 validateAttribute ‘class’ 存放验证规则的属性 bindMethod ‘bind’ inlineAjax

3.5K1 0

【编程课堂】以 jQuery 之名 - 爬虫利器 PyQuery

如果说到 jQuery，熟悉前端的同学肯定不陌生，它可以简单优雅地对 html 文件进行定位、选择、移动等操作。而本文的主角 pyquery，支持以 jquery 的方式对 html 进行操作。...pyquery 提供多种定位元素的方法，这里简单介绍三种，直接定位、根据 id 定位，根据 class 定位。...-11772642 的标签，需要注意的是查询 id 时添加 # 前缀，这是 css 选择器语法。...前缀，这也是 css 选择器语法。...在上一步，我们已经找到了所有的 li 标签，也知道如何取索引其中的元素，但我们现在要准确定位到某一个元素，比如上图中 id = note-11772642 这个 li 标签。

1.6K7 0

深入MyBatis的动态SQL：概念、特性与实例解析

这些元素可以单独使用，也可以组合使用，以实现复杂的动态 SQL 逻辑。动态 SQL 的主要特性条件判断：通过元素，可以根据条件判断来动态地添加或删除 SQL 语句的某部分。...多条件选择：使用、和元素，可以实现多条件选择逻辑，类似于 Java 中的 switch-case 结构。...前缀和后缀处理：、和元素可以帮助我们处理 SQL 语句的前缀和后缀，避免多余的逗号、AND 或 OR 等关键字。...动态SQL的实例演示我们通过一个栗子来演示如何在MyBatis中使用动态SQL，来让我们更好的理解动态SQL，运用动态SQL。...当然，在实际开发中，我们根据我们自己公司具体的业务需求选择合适的动态SQL元素来构建复杂的查询逻辑。文章到这里就结束了，感谢大家的支持！

9341 0

高质量jQuery代码的十二条经验

关于jQuery选择器的性能优先级，ID选择器快于元素选择器，元素选择器快于class选择器。...因为ID选择器和元素选择器是原生的JavaScript操作，而类选择器不是，大家顺便可以看下find context 区别，find() children区别。...到目前为止，无论使用哪一种浏览器，使用ID选择器和当个类选择器都是选中元素最快的方式。 2.2、避免多个ID选择符 Id选择符应该是唯一的，所以没有必要添加额外的选择符。...//糟糕，会遍历整个DOM $(".class"); //建议，只搜索#id元素 $(".class","#id"); jQuery选择器的性能比较： $(".class","#id") > $("#id...如在减少代码段中，如果需要根据条件从数组中得到新数组时，可以使用$.grep() 方法，如果你在使用jQuery时有自己心得的话，欢迎在留言中和大家分享！

1.5K4 0

用jquery实现表单验证_jquery验证插件

-- jquery.validationEngine-zh_CN.js 为配置文件，可根据需求自行调整或增加，也可以更换为其他语言配置文件 --> 给表单加上 ID <!...prettySelect false 是否使用了美化过的 select 选择控件 [Demo] onFieldSuccess false 控件验证通过时的回调函数 function(field)...” overflownDIV ” 设置了溢出滚动的元素，格式为 jQuery 的选择器。...usePrefix ” 使用 ID 前缀 useSuffix ” 使用 ID 后缀 validateAttribute ‘class’ 存放验证规则的属性 bindMethod ‘bind’...(‘hide’); 隐藏改元素及元素内的提示 hideAll $(‘#id’).validationEngine(‘hideAll’); 隐藏页面上的所有提示 updatePromptsPosition

6.3K4 0

书写高质量jQuery代码的6条经验

二、优化jQuery选择器高效正确的使用jQuery选择器是熟练使用jQuery的基础，而掌握jQuery选择器需要一定的时间积累，我们开始学习jQuery时就应该注意选择器的使用。...关于jQuery选择器的性能优先级，ID选择器快于元素选择器，元素选择器快于class选择器。...因为ID选择器和元素选择器是原生的JavaScript操作，而类选择器不是，大家顺便可以看下find context 区别，find() children区别。...到目前为止，无论使用哪一种浏览器，使用ID选择器和当个类选择器都是选中元素最快的方式。 2.2、避免多个ID选择符 Id选择符应该是唯一的，所以没有必要添加额外的选择符。...在变量前加$前缀，便于识别出jQuery对象。

1.8K9 0

【Java Web_07】XML

XML的基本语法 ① 基本语法： * xml文档的后缀名 .xml * xml首行必须定义为文档声明 * xml文档中有且仅有一个根标签 * 属性值必须使用引号(单双都可...它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。 * PULL：Android操作系统内置的解析器，sax方式的。二、DOM4J 1....(String key, String value) 根据对应的属性名和属性值获取元素对象集合 ③ Elements * 元素Element对象的集合。...可以当做 ArrayList来使用 ④ Element 元素对象 * 获取子元素对象 - getElementById(String id)：根据id属性值获取唯一的...String key)：根据属性名称获取元素对象集合 - getElementsByAttributeValue(String key, String value)：根据对应的属性名和属性值获取元素对象集合

5772 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭