jquery name选择器

总结如下： <script> $(document).ready(function () { /*常用的元素查找方法*/ $("#myELement") //选择id值等于txtName的元素的值，id值不能重复在文档中只能有一个id值是txtName所以得到的是唯一的元素 $("div") //选择所有的div标签元素，返回div元素数组 $(".myClass") //选择使用myClass类的css的所有元素 $("*") //选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,div,.myclass") /*层叠选择器*/ $("form input") //选择所有的form元素中的input元素 $("#main > *") //选择id值为main的所有的子元素 $("label + input") //选择所有的label元素的下一个input元素节点，经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素 $("#prev ~ div") //同胞选择器，该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签 /*基本过滤选择器*/ $("tr:first") // 选择所有tr元素的第一个 $("tr:last") //选择所有tr元素的最后一个 $("input

原文: http://blog.gqylpy.com/gqy/240 目录 #. 介绍 1. 优势 2. 版本 3. jQuery对象 #. 查找标签 1. 选择器 /. 基本选择器 /. 层级选择器 /. 基本筛选器 /. 使用jQuery实现弹框 /. 属性选择器 /. 表单常用筛选 2. 筛选器 /. 下一个元素 /. 上一个元素 /. 父亲元素 /. 儿子和兄弟元素 /. 查找与筛选 #. 样式标签 1. 样式操作 /. 样式类 /. CSS 2. 位置 3. 尺寸 4. 文本操作 5. 属性操作 /. 用于ID或自定义类 /. 用于checkbox和radio /. prop与attr的区别 6. 文档处理 /. 添加到指定元素内部 /. 添加到指定元素的外部 /. 移除和清空 /. 替换 /. 克隆 #. 事件 1. 常用事件 2. 绑定/移除 事件 3. 阻止后续事件执行 4. 阻止事件冒泡 5. 事件委托 6. each() 7. data() #. 动画效果 #. 介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：" Write less, do more. "

原文: http://blog.gqylpy.com/gqy/240 目录 #. 介绍 1. 优势 2. 版本 3. jQuery对象 #. 查找标签 1. 选择器 /. 基本选择器 /. 层级选择器 /. 基本筛选器 /. 使用jQuery实现弹框 /. 属性选择器 /. 表单常用筛选 2. 筛选器 /. 下一个元素 /. 上一个元素 /. 父亲元素 /. 儿子和兄弟元素 /. 查找与筛选 #. 样式标签 1. 样式操作 /. 样式类 /. CSS 2. 位置 3. 尺寸 4. 文本操作 5. 属性操作 /. 用于ID或自定义类 /. 用于checkbox和radio /. prop与attr的区别 6. 文档处理 /. 添加到指定元素内部 /. 添加到指定元素的外部 /. 移除和清空 /. 替换 /. 克隆 #. 事件 1. 常用事件 2. 绑定/移除 事件 3. 阻止后续事件执行 4. 阻止事件冒泡 5. 事件委托 6. each() 7. data() #. 动画效果 #. 介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：" Write less, do more. "

原文: http://blog.gqylpy.com/gqy/494 置顶：来自一名75后老程序员的武林秘籍——必读 （博主推荐） 来，先呈上武林秘籍链接： http://blog.gqylpy.com/gqy/401/ 你好，我是一名极客！一个 75 后的老工程师！ 我将花两分钟，表述清楚我让你读这段文字的目的！ 如果你看过武侠小说，你可以把这个经历理解为，你失足落入一个山洞遇到了一位垂暮的老者！而这位老者打算传你一套武功秘籍！ 没错，我就是这个老者！ 干研发 20 多年了！我也年轻过，奋斗过！我会画原理图，会画 PCB，会模拟，会数字！玩过 PLC，玩过单片机，会用汇编，会用 C！玩过 ARM，比如 PLC，STM32，和时下正在起飞的 NXP RT1052！搞过 DSP，比如 TMS320F28335！搞过 FPGA，不管 Xilinx 还是 Altera，也不管是 Verilog 还是 VHDL，或者直接画数字电路图！我懂嵌入式系统，比如 uCOS 和 Linux！我懂开源的硬件，比如 Arduino 和树莓派!我也搞软件，学了一堆上位机的语言C#，JAVA，Python，Kotlin，Swift！会写爬虫工具，又自学写APP，不管Android 还是 IOS！ 可是这一切有什么用呢？土鸡瓦狗！不值一提！干技术的永远就是最苦逼的那个人！ 我相信看到这里的你，应该是个 IT

jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。 下载链接： jQuery官网 中文文档： jQuery AP中文文档 参考博客：https://www.cnblogs.com/liwenzhou/p/8178806.html jQuery版本 1.x：兼容IE678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日) 2.x：不兼容IE678，很少有人使用，官方只做BUG维护，功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x，最终版本：2.2.4 (2016年5月20日) 3.x：不兼容IE678，只支持最新的浏览器。需要注意的是很多老的jQuery插件不支持3.x版。目前该版本是官方主要更新维护的版本。 维护IE678是一件让人头疼的事情，一般我们都会额外加载一个CSS和JS单独处理。值得庆幸的是使用这些浏览器的人也逐步减少，PC端用户已经逐步被移动端用户所取代，如果没有特殊要求的话，一般都会选择放弃对678的支持。 jQuery对象 jQuery对象

基础选择器 1. ALL Selector 选择所有的元素 1. 例 $("div *") div 下所有的元素 2. class Selector 类选择器 1. 例 $(".box") 选择class为box的元素 3. Element Selector 标签名选择器 1. 例 $("span") 选择span元素 4. ID Selector id选择器 1. 例 $("#box") 选择id为#的元素 5. Multiple Selector 合并选择器 1. 例 $("select1,select2") 选择select1，select2的元素 属性选择器 1. Attribute Contains prefix Selector [ name|="value"] 1. 选择name属性为value的元素 2. 例 $("[color|='red']") 选择color为红色的元素 2. Attribute Contains prefix Selector [ name*="value"] 1. 选择选择的name属性中包含value的元素 2. 例 $("[color*='red']") 选择color包含red的元素 3. Attribute Contains prefix Selector [ name~="value"] 1.

$(document).ready()可以简写成 　　$(function(){ 　　　　//执行的代码 　　}); 将DOM对象转换为jQuery对象 　　工厂函数：$()就可以。 DOM对象转jQuery对象： 　　使用函数$()进行转换：$(DOM对象) 　　var t = document.getElementById("txtName");//DOM对象 　　var $t = $(t);//jQuery对象 　　jQuery对象通常用$开头，在事件中$(this)，this表示触发事件的对象 jQuery对象转DOM对象 　　var $t=$("#tname");//jQuery对象 　　var t = $t[0];//DOM对象 　　也可以使用get(index)方法得到DOM对象 　　var t = $("#tname").get(0);//DOM对象 常用语法： 　　示例：$("#current").addClass('current')//为标签添加类样式 　　css('属性','属性值')//为标签设置css样式的值 　　removeClass()//为标签移除类样式 　　next()//获取标签其后紧邻的同辈标签 　　attr('标签属性','属性值')//为标签属性设置值 　　　　示例：$("#img").attr("src","img/tupian.png

" 目录 #. 介绍 1. 优势 2. 版本 3. jQuery对象 #. 查找标签 1. 选择器 /. 基本选择器 /. 层级选择器 /. 基本筛选器 /. 使用jQuery实现弹框 /. 属性选择器 /. 表单常用筛选 2. 筛选器 /. 下一个元素 /. 上一个元素 /. 父亲元素 /. 儿子和兄弟元素 /. 查找与筛选 #. 样式标签 1. 样式操作 /. 样式类 /. CSS 2. 位置 3. 尺寸 4. 文本操作 5. 属性操作 /. 用于ID或自定义类 /. 用于checkbox和radio /. prop与attr的区别 6. 文档处理 /. 添加到指定元素内部 /. 添加到指定元素的外部 /. 移除和清空 /. 替换 /. 克隆 #. 事件 1. 常用事件 2. 绑定/移除 事件 3. 阻止后续事件执行 4. 阻止事件冒泡 5. 事件委托 6. each() 7. data() #. 动画效果 #. 介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：" Write less, do more. " jQuery官网 jQuery AP中文文档 BootCDN 1. 优势

JQuery总结：是对JavaScript的封装，相比JavaScript而言，JQuery有更多的选择器，DOM操作更为简单，代码量更少，动画效果更加强大 版本分类：1.x:兼容ie678，功能不再增加，使用最多 2.x:不兼容ie678，功能不再增加 3.x:不兼容ie678，功能持续增加 JQuery中$的作用：$(function(){})加载页面，可以写多个，比window onload加载页面快 $(selector):有更强大的选择器功能 JQuery中的选择器;一.基本选择器 1.var zh1=$("#zh"); 2.类选择器 var inp2=$(".inp"); 3.元素选择器 var inp =$("input"); 二.层级选择器 1.div下面的所有span元素 $("div span") 2.div下的直系span元素 $("div>span") 3.指定元素的紧接的元素 $("#sp2 + span") 4.指定元素后面所有同级的元素 $("#sp2 ~ span") 三.基本选择器 1.first:第一个元素 $("ul li:first").css("background-color","red"); $("ul li").first().css("background-color","red"); 2.last:最后一个元素 $("ul li

学习主题：JQuery 学习目标： 1 掌握 JQuery的选择器 2 掌握JQuery操作样式,元素 3 掌握Jquery操作文本和值 4 掌握Jquery的事件 1.jQuery的选择器D (1)想要获得input标签中name属性名字包含a 的标签对象应该如何书写。 //name属性中含有a的 $("input[name*=a]").css("background-color","plum"); (2)请说出$(“input[type=text][name^=z]”)选择器的含义 复合选择器，需要同时满足条件，type属性为text的情况下还要满足name属性中包含z。 2.jQuery的选择器E (1) $("input:disabled") 这个选择器的作用是什么？ 获取input标签中含有disabled属性的对象 (2) $(":input") 和 $("input"); 这两个选择器的区别是什么？ $(":input")：获取所有form表单中的表单项 $(“input”) ：获取标签名称为input的所有标签对象 3.操作页面的样式1 (1)如何可以获得一个div元素的宽和高的css样式，JQ获得方式和JS获得方式之间的差异在什么地方. //获取css对象 var wi=div.css("width"); var hi=div.css("height");