jquery name选择器 | 易学教程

学习笔记《锋利的jQuery》-jQuery选择器

阅读更多关于学习笔记《锋利的jQuery》-jQuery选择器

选择器是jQuery的根基，在jQuery中，对事件处理、遍历DOM和Ajax操作都依赖于选择器。如果能熟练的使用选择器，不仅能简化代码，而且可以达到事半功倍的效果。一、jQuery选择器是什么 1、CSS选择器在开始学习jQuery选择器之前，有必要简单了解下CSS（Cascading Style Sheets，层叠样式表）技术。 CSS是一项出色的技术，它使得网页的结构和表现的样式完全分离。利用CSS选择器能轻松的对某个元素添加样式而不改动HTML结构，只需通过添加不同的CSS规则，就可以得到各种不同样式的网页。要使某个样式运用于特定的HTML元素，首先需要找到改元素。在CSS中，执行这一任务的表现规则称为CSS选择器。常用的CSS选择器选择器语法描述示例标签选择器 E{ CSS规则 } 以文档元素作为选择符 td{ font-size:14px; } a{ text-decoration:none; } ID选择器 #ID{ CSS规则 } 以文档元素的唯一标识符ID作为选择符 #note{ font-size:14px; } 类选择器 E.className{ CSS规则 } 以文档元素的class作为选择符 div.note{ font-size:14px; } .dream{ font-size:14px; } 群组选择器 E1,E2,E3{

【JS】jQuery学习笔记（1）——选择器

阅读更多关于【JS】jQuery学习笔记（1）——选择器

学习廖雪峰老师JS教程的学习笔记 jQuery优点：消除浏览器差异简洁的操作DOM的方法轻松实现动画、修改CSS等各种操作注意：目前jQuery有1.x和2.x两个主要版本，区别在于2.x移除了对古老的IE 6、7、8的支持。选择器 jQuery的选择器类似 $('#dom-id') ，大大简化了DOM操作中的 document.getElementById('dom-id') 类似操作。 jQuery对象 jQuery对象类似数组，它的每个元素都是一个引用了DOM节点的对象。类似 [<div id="abc">...</div>] ，如果为空则为 [] 。所以jQuery选择器返回的jQuery对象不会为 undefined 或者 null ，不必判断对象是否为 undefined 。按ID查找查找某个DOM的 id 属性，如： $('#aaa') 。注意：查找标识以 # 开头，返回的对象是jQuery对象。 jQuery对象和DOM对象之间的互相转化： var div = $( '#abc' ); // jQuery对象 var divDom = div.get( 0 ); // 假设存在div，获取第1个DOM元素 var another = $(divDom); // 重新把DOM包装为jQuery对象按tag查找按tag也就是html

jQuery学习笔记二——jQuery选择器

阅读更多关于 jQuery学习笔记二——jQuery选择器

1.CSS选择器标签选择器 td id选择器 #id 唯一类选择器 div.note 群组选择器 td,p,div.a 后代选择器 #links a 通配选择符 * 2.jQuey选择器的优势 1.简洁的写法 $( "#ID" ) //这段jquery代码与下面的DOM语法等价 document.getElementById( "ID" ) $( "tagName" ) //这段jquery代码与下面的DOM语法等价 document.getElementsByTagName( "tagName" ) 2.支持CSS1到CSS3选择器 3.完善的处理机制 document .getElementById ( "tt" ) .style .color = "red" ;//倘若网页中没有ID为tt的标签元素，浏览器就会报错因此得改写为： if(document .getElementById ( "tt" )){//必须判断元素是否存在 document .getElementById ( "tt" ) .style .color = "red" ; } 而是用jQuery语句就不需要 $( '#tt' ).css( "color" , "red" ); // 无需判断 $( '#tt' )是否存在这是因为$(‘#tt’)获取的永远是对象

js实现类选择器和name属性选择器

阅读更多关于 js实现类选择器和name属性选择器

jQuery的出现，大大的提升了我们操作dom的效率，使得我们的开发更上一层楼，如jQuery的选择器就是一个很强大的功能，它包含了类选择器、id选择器、属性选择器、元素选择器、层级选择器、内容筛选选择器等等，很是方便快捷，并且这些选择器的兼容性都很好，可以说操作dom使用jq选择器一时爽，一直使用一直爽！只是，目前Vue、React、Angular三大框架的出现大大降低了JQuery的使用频率，而且JQuery在操作dom和绑定数据时确实存在一定的性能问题和各种坑，但依旧不可抹杀jq在操作dom方面的强大存在！说了JQuery这么多的牛逼之处，那么它的很多内部原理是如何实现的呢？今天就来简单实现一个类似jQuery的类选择器和name属性选择器。类选择器： function getElementsByClass(className) { var classArr = []; var tags = document.getElementsByTagName("*"); for (var i = 0; i < tags.length; i++) { if (tags[i].nodeType == 1) { if (tags[i].getAttribute("class") == className) { classArr.push(tags[i]); } } } return

jquery

阅读更多关于 jquery

一. 简介 1. 什么是jQuery jQuery是一个开源的、优秀的javascript函数库(js框架)，它体积小，简化了很多对HTML、CSS、DOM、事件、动画的处理。是对Js的封装。 jquery宗旨：写的更少，做的更多，吃的少，干得多。 2. jQuery优势市场占有率高，工作中用到的可能性大。 jquery相比其他的js库，有其鲜明的特点，方便对页面元素节点对象进行查找插件支持：时间选取器、表单验证等。完善的ajax支持高低版本兼容性好 3. jQuery下载与部署源代码下载地址： http://jquery.com/ 下载软件压缩包 jQuery有两个版本，两者功能没有区别，大小的区别在于 min 是压缩后的代码，即把空行，空白等压缩掉，把变量名字变短。而文件比较大的没有压缩的源文件。所以在学习时，使用没有压缩的源文件，但是上线后，在线网站使用压缩版，提供下载速度。 jquery-1.8.3.js ：未经过压缩后的版本，具有可读性（内部有许多注释，空格，回车） jquery-1.8.3.min.js ：经过压缩后的版本，代表更精简（没有空格和回车）使用jQuery 复制jquery-1.8.3.js到项目js目录中并改名为jquery.js 通过script代码中的src属性载入jquery源代码到当前页面即可二. jQuery对象与DOM对象

jQuery介绍

阅读更多关于 jQuery介绍

jQuery简介　　jQuery是JS的工具库，对原生JS中的DOM操作、事件处理、包括数据处理和Ajax技术等进行封装,提供更完善,更便捷的方法。　　中文网址：jquery123.com 1）引入先引入jquery文件，才能使用jquery语法 <script src="jquery-1.11.3.js"></script> 2）工厂函数 - $() "$()"函数用于获取元素节点，创建元素节点或将原生JS对象转换为jquery对象,返回 jQuery 对象。jQuery 对象实际是一个类数组对象，包含了一系列 jQuery 操作的方法。  <script src="jquery-1.11.3.js"></script> <body> <h1 id="d1" class="c1"></h1> <p></p> </body> //$()获取元素节点,需传入字符串的选择器 $("h1") $("#d1") $(".c1") $("body,h1,p") 3）原生JS对象与jQuery对象原生JS对象与jQuery对象的属性和方法不能混用。可以根据需要，互相转换 : 1  2 <script src="jquery-1.11.3.js"></script> 3 <script> 4 window.onload

jQuery快速入门

阅读更多关于 jQuery快速入门

一、JQuery介绍 1、jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 2、JQuery使用户能够更方便处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能极大地简化JavaScript编程。二、JQuery的优势 1、一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。 2、丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要讲一个表格的隔行变色，jQuery也是一行代码搞定。 3.链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。 4、事件、样式、动画支持。jQuery还建华了js操作css的代码，并且代码的可读性也比js要强。 5、Ajax操作支持。jQuery简化了AJax操作，后端只需要返回一个JSON格式的字符串就能完成与前端的通信。 6、跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容性问题而伤透脑筋。 7、插件扩展开发。jQuery有着丰富的第三方插件，例如：树形菜单、日志控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫，并且可以根据自己需要去改写和封装插件，简单实用。三

转-JQuery选择器及radio，checkbox,select取值和反选

阅读更多关于转-JQuery选择器及radio，checkbox,select取值和反选

jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("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:not(:checked) + span") 过滤掉：checked的选择器的所有的input元素

day55

阅读更多关于 day55

前端之jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持。jQuery还简化了js操作css的代码，并且代码的可读性也比js要强。 Ajax操作支持。jQuery简化了AJAX操作，后端只需返回一个JSON格式的字符串就能完成与前端的通信。跨浏览器兼容。jQuery基本兼容了现在主流的浏览器，不用再为浏览器的兼容问题而伤透脑筋。插件扩展开发。jQuery有着丰富的第三方的插件，例如：树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件，并且用jQuery插件做出来的效果很炫

前端之jQuery

阅读更多关于前端之jQuery

目录 jQuery jQuery介绍 jQuery的优势 jQuery内容： jQuery版本 jQuery对象 jQuery基础语法查找标签基本选择器层级选择器：基本筛选器：属性选择器：表单筛选器：筛选器方法操作标签样式操作位置操作尺寸：文本操作属性操作文档处理事件常用事件事件绑定移除事件阻止后续事件执行阻止事件冒泡页面载入与window.onload的区别事件委托动画效果补充 each .data() 插件(了解即可) jQuery jQuery介绍 jQuery是一个轻量级的、兼容多浏览器的JavaScript库。 jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨就是：“Write less, do more.“ jQuery的优势一款轻量级的JS框架。jQuery核心js文件才几十kb，不会影响页面加载速度。丰富的DOM选择器,jQuery的选择器用起来很方便，比如要找到某个DOM对象的相邻元素，JS可能要写好几行代码，而jQuery一行代码就搞定了，再比如要将一个表格的隔行变色，jQuery也是一行代码搞定。链式表达式。jQuery的链式操作可以把多个操作写在一行代码里，更加简洁。事件、样式、动画支持

订阅 jquery name选择器