jquery name选择器 | 易学教程

jQuery——选择器

阅读更多关于 jQuery——选择器

1、层级选择器选择器是jQuery的核心。一个选择器写出来类似 $('#dom-id') 。公式： $(选择器).事件(事件函数) 回顾DOM操作中我们经常使用的代码： // 按ID查找： var a = document.getElementById('dom-id'); // 按tag查找： var divs = document.getElementsByTagName('div'); // 查找<p class="red">： var ps = document.getElementsByTagName('p'); // 过滤出class="red": // TODO: // 查找<table class="green">里面的所有<tr>： var table = ... for (var i=0; i<table.children; i++) { // TODO: 过滤出<tr> } 这些代码实在太繁琐了，并且，在层级关系中，例如，查找 <table class="green"> 里面的所有 <tr> ，一层循环实际上是错的，因为 <table> 的标准写法是： <table> <tbody> <tr>...</tr> <tr>...</tr> </tbody> </table> 很多时候，需要递归查找所有子节点。

不定义JQuery插件，不要说会JQuery

阅读更多关于不定义JQuery插件，不要说会JQuery

一：导言　　有些WEB开发者，会引用一个JQuery类库，然后在网页上写一写 ("#")， (".")，写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人，直到有一次公司里的技术交流，我才改变了自己对自己的看法。二：普及JQuery知识知识1：用JQuery写插件时，最核心的方法有如下两个： $.extend(object) 可以理解为JQuery 添加一个静态方法。 $.fn.extend(object) 可以理解为JQuery实例添加一个方法。基本的定义与调用： /* $.extend 定义与调用 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ $.extend({ fun1: function () { alert("执行方法一"); } }); $.fun1(); /* $.fn.extend 定义与调用 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */ $.fn.extend({ fun2: function () { alert("执行方法2"); } }); $(this).fun2(); //等同于 $.fn.fun3

jQuery----选择器

阅读更多关于 jQuery----选择器

在线手测： http://www.jq22.com/chm/jquery/index.html 选择器：层级选择器 - 从一个标签的子子孙孙去找 $("父亲子子孙孙") - 从一个标签的儿子里面找 $("父亲>儿子标签") - 找紧挨着的标签 $("标签+下面紧挨着的那个标签") - 找后面所有同级的 $("标签~兄弟") 　 Jquery和js相互转换： - DOM对象和jQuery对象转换： - $(".c1")[0] --> DOM对象 - $(DOM对象) 筛选器： - 写在引号里面的基本筛选器　　$(" :first") 找第一个　　$(" :not('')") 不是/非　　$("#i1>input":not('.c1,.c2')) 　　$(" :even") 偶数　　$(" :odd") 奇数　　$(" :eq(index)") 找等于index的　　$(" :gt(index)") 找大于index的　　$(" :lt(index)") 找小于index的　　$(" :last") 最后一个　　$(" :focus") 焦点　　内容========== 　　$(" .c1:contains('我是第一个')") 包含文档的内容的标签　　$(" :empty") 标签内容为空的　　$(" :has('')") 包含标签的标签　　$("

Web前端JQuery面试题（二）

阅读更多关于 Web前端JQuery面试题（二）

Web前端JQuery面试题（二） 1.请写出jquery的语法？ <script type="text/javascript"> $(document).ready(function(){ // 程序段 }) </script> window.onload=function(){ // 程序段 } 前者效率高 $(function(){ // 程序段 }) 2.请问什么是 DOM 对象？ DOM 对象， DOM 为文本对象模型， DOM 的每一个页面都是一个 DOM 对象。通过 JavaScript 方法获取页面元素的对象，就是 DOM 对象。 var txt = document.getElementById("text").value; 3.请问什么是 jquery 对象？通过 jquery 自身的方法获取页面元素的对象，就是jquery对象。 var txt = $("#text").val(); $("#text").toggleClass("txtClick").html("点击后切换样式"); 4. jquery 选择器有哪些？ jquery 选择器有：基本选择器，层次选择器，过滤选择器，表单选择器四大类。过滤选择器分6种：简单过滤选择器，内容过滤选择器，可见性过滤选择器，属性过滤选择器，子元素过滤选择器，表单对象属性过滤选择器。基本选择器： #id

JQuery常用功能的性能优化

阅读更多关于 JQuery常用功能的性能优化

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 使用最佳选择器通常比较常用的选择器有以下几个： 1.ID选择器 $("#id") 2.标签选择器 $("td") 3.类选择器 $(".target") 4.属性选择器 $("td[target='target']") 5.伪类选择器 $("td:hidden") 结论 1.原生方法是最快的方法，如果可能，尽量选择用原生 2.性能顺序：ID选择器 > 标签选择器 > 类选择器 > 属性选择器 > 伪类选择器 3.ID(getElementById)、标签选择器(getElementsByTagName)都有原生的方法对应，所以很快；类选择器在除了IE5-IE8之外的主流浏览器几乎都有原生方法(getElementsByClassName)，为了兼顾IE6、7、8的性能，避免使用全局的类选择器； 4.属性和伪类选择器非常慢，如非必要，尽量少使用伪类选择器和属性选择器最佳实践 1.为模块中操作最频繁的元素和根元素设置id，然后缓存； 2.对没有id的元素检索，尽量采用路径最短的祖先元素id作为默认的搜索范围，并采用纯类选择器或者标签选择器； 3.尽量避免复杂的选择器避免执行全局查找 $("div.bizHelp"); => $("#container").find(".bizHelp");

jquery 选择器(name,属性,元素)大全

阅读更多关于 jquery 选择器(name,属性,元素)大全

转载： https://www.cnblogs.com/hanqishihu/p/6096977.html jQuery 选择器大体上可分为：基本选择器、层次选择器、过滤选择器、表单选择器。其中过滤选择器可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器。选择器是jQuery最基础的东西，下面向大家介绍 jquery +%D1%A1%D4%F1%C6%F7/" rel="nofollow" target="_blank">jquery 选择器的用法选择器是jQuery的核心组成部分，因为使用jQuery操作DOM时所做的每件事都和选择器密切相关——总得先选取元素才可进行下一步。jQuery使用常见的CSS选择器和XPATH选择器，它们为绝大多数Web设计师和开发者所熟悉。除此之外，还有一些jQuery自定义的选择器。正是这些选择器使得jQuery分外灵活，易于学习。理解选择器如何工作，才能为充分利用jQuery的强大功能打好坚实基础。在那些CSS选择器力不从心的场合，过滤器可以让你更灵活地根据DOM特性选取元素。人们常常结合使用过滤器和选择器，以便在基于某一标准选择特定元素时进行深度控制，比如需要根据元素在一组元素中的位置，或元素的可见性，或表单元素的某些属性（如选中/未选中或是否被禁用）选取元素时

jQuery层级选择器

阅读更多关于 jQuery层级选择器

jQuery层级选择器 (A)后代选择器 $('ancestor descendant') 在给定的祖先元素下，匹配所有的后代元素 (B)直接后代选择 $('parent > child') 在给定的父元素下匹配所有的子元素 (C)兄弟元素选择器 (1)相邻下一个兄弟元素选择器 $('prevSibling + nextSibling') 匹配所有紧接在prevSibling元素后的nextSibling元素。 (2)后排兄弟元素选择器 $('prev ~ sibling') 匹配所有紧接在prev元素后所有的siblings元素。示例代码： <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> <title>多项选择器</title> <style></style> </head> <body> <section> <ul id="one" class="animal"> <li>猴子</li> <li>猛犸</li> <li>猩猩</li> </ul> <ul id="two" class=

JQUERY 常用方法汇总

阅读更多关于 JQUERY 常用方法汇总

Attribute： $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test.jpg",alt:"test Image"}); 给某个元素添加属性/值，参数是map $("img").attr("src","test.jpg"); 给某个元素添加属性/值 $("img").attr("title", function() { return this.src }); 给某个元素添加属性/值 $("元素名称").html(); 获得该元素内的内容（元素，文本等） $("元素名称").html("<b>new stuff</b>"); 给某元素设置内容 $("元素名称").removeAttr("属性名称") 给某元素删除指定的属性以及该属性的值 $("元素名称").removeClass("class") 给某元素删除指定的样式 $("元素名称").text(); 获得该元素的文本 $("元素名称").text(value); 设置该元素的文本值为value $("元素名称").toggleClass(class) 当元素存在参数中的样式的时候取消,如果不存在就设置此样式 $("input元素名称").val(); 获取input元素的值 $("input元素名称").val(value);

jQuery基础【1】

阅读更多关于 jQuery基础【1】

jQuery 是一个“写的更少，但做的更多”的轻量级 JavaScript 库。jQuery 极大地简化了 JavaScript 编程。jQuery 很容易学习。jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。jQuery 是一个 JavaScript 函数库。jQuery 库包含以下特性：　　•HTML 元素选取　　　　　 •HTML 元素操作　　•CSS 操作　　　　　　　 •HTML 事件函数　　•JavaScript 特效和动画　　•HTML DOM 遍历和修改　　•AJAX　　　　　　　　　　•Utilities 1.向页面添加jQuery 库 1 <script src="<%: Url.Content("~/Scripts/jquery-1.4.4.min.js") %>" type="text/javascript"></script> 2 <%--使用 Google 的 CDN--%> 3 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs 4 /jquery/1.4.4/jquery.min.js"></script> 5 <%--使用 Microsoft 的 CDN--%> 6 <script type=

Java进阶-3.jquery

阅读更多关于 Java进阶-3.jquery

一、jquery 将对原生js常见的方法和对象进行封装，方便使用。以前通过js获取对象的时候：var obj=document.getElementById("id"); 其实可以整合为一个函数，例如： funtion getId(id){ return document.getElementById("id"); } 1.jquery和html的整合 jquery是单独的js文件，通过script标签的src属性导入即可。例如： <script src="../js/jquery-1.11.0.min.js"></script> 2.获取一个jquery对象 $(" 选择器 ") 或者 jQuery(" 选择器 ") 3.dom和jquery的转换 dom 对象 ---->jquery 对象： $(dom 对象 ) //1.获取dom对象 var obj=document.getElementById("username"); //2.转化 var $user=$(obj); jquery 对象 --->dom 对象方式1：jquery对象[index]，因为jQuery可能是个数组方式2:：jquery对象.get(index) //1.获取jquery对象 var $u=$("#username2"); //2.转换 //2.1 方式1 var obj=$u.get

订阅 jquery name选择器