jquery选择器 | 易学教程

JQuery干货篇之处理元素

阅读更多关于 JQuery干货篇之处理元素

JQuery干货篇之处理元素注意这里用的还是我前两篇用的例子，详情请看我的博客 attr attr() 方法设置或返回被选元素的属性值。语法： $(selector).attr(attribute) 返回被选元素的属性值。 $(selector).attr(attribute,value) 设置被选元素的属性和值 $(selector).attr(attribute,function(index,oldvalue)) 设置被选元素的属性和值。参数描述 attribute 规定属性的名称。 function(index,oldvalue) 规定返回属性值的数。该函数可接收并使用选择器的 index 值和当前属性值。实例： $("img").filter(":first").attr('src'); //得到属性 $("img").each(function (index,elem) { if(index%2==0) $(elem).attr("src",'lily.png'); //设置属性 console.log($(elem).attr("src")); }) $("img").attr('src',function (index,oldValue) { //这里的oldValue表示原来属性的值，index是索引 if(oldValue=="rose.png")

jQuery学习——入门jQuery选择器之层次选择器

阅读更多关于 jQuery学习——入门jQuery选择器之层次选择器

今天说的是层次选择器，那层次选择器有哪几个？ $("ancestor descendant")：选取parent元素后所有的child元素 $("parent > child")：选取parent元素后所有的直属child元素，何谓“直属”，也就是第一级的意思了 $("prev + next")：prev和next是两个同级别的元素. 选中在prev元素后面的next元素 $("prev ~ siblings"):选择prev后面的根据siblings过滤的元素。注:siblings是过滤器这里要说下，由于最后2个用的比较少，一般会用其他选择器替代，请看下面： $("prev + next")等价于next() $("prev ~ siblings")等价于nextAll() 具体用法会在后面说到。 =========================================================================== 下面我们来仔细说说这4个层次选择器【1】 $("ancestor descendant")：选取parent元素后所有的child元素 ancestor的中文意思是“祖先”，descendant的中文意思是“后代”，就像css定义层级元素方式一样,只需要不同的元素之间有空格表示，前者父级，后者子级，以此类推

JQUERY框架的优点与面试题

阅读更多关于 JQUERY框架的优点与面试题

1 你觉得 jquery 有哪些好处？ jQuery 是轻量级的 javascript 框架强大的选择器出色的 DOM 操作的封装可靠的事件处理机制完善的 ajax 封装出色的浏览器的兼容性支持链式操作，隐式迭代支持丰富的插件 jquery 的文档也非常的丰富 2. jquery 对象和 dom 对象如何转换？ 1. jquery 转 DOM 对象: jQuery 对象是一个数组对象，可以通过[index]的丰富得到 DOM 对象还可以通过 get[index]去得到相应的 DOM 对象。 2. DOM 对象转 jQuery 对象: $(DOM 对象) 3 $(document).ready()方法和 window.onload 区别？答: 两个方法有相似的功能，但是在实行时机方面是有区别的。 1 window.onload 方法是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行的。 2 $(document).ready() 方法可以在 DOM 载入就绪时就对其进行操纵，并调用执行绑定的函数。 4. 说说你对 JSON 的理解 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它基于标准 JavaScript 的一个子集,是一个 Js 对象或数组结构的字符串 JSON 有三类数据 1. 单个数据

JQuery常用操作

阅读更多关于 JQuery常用操作

//遍历option和添加、移除option function changeShipMethod(shipping){ 　　var len = $("select[@name=ISHIPTYPE] option").length 　　 if(shipping.value != "CA"){ 　　　　$("select[@name=ISHIPTYPE] option").each(function(){ 　　　　　　 if($(this).val() == 111){ 　　　　　　　　$(this).remove(); 　　　　　　 } 　　 }); 　　 } else 　　{ 　　　　$("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]")); 　 } } //取得下拉选单的选取值 $(#testSelect option:selected').text(); 或$("#testSelect").find('option:selected').text(); 或$("#testSelect").val(); ////////////////////////////////////////////////////////////////// 记性不好的可以收藏下： 1

jQuery常用操作

阅读更多关于 jQuery常用操作

jQuery 　　jQuery是一个轻量级的JS库，是一个被封装好的JS文件，提供了更为简便的元素操作方式，jQuery封装了DOM。使用jQuery 引入jQuery文件　　<scrtipt src='jquery-1.11.3.js'> </script> 　　注意：引入必须放在其他jQuery操作之前。 jQuery对象　　jQuery对象是由jQuery对页面元素进行封装后的一种体现　　jQuery中所提供的所有操作都只针对jQuery对象，其他对象（DOM）无法使用工厂函数 -- $() 　　想要获取jQuery对象，则必须使用工厂函数$() 　　在$()中允许传递一个选择器/DOM对象作为参数，$()能够将选择器和DOM对象全部封装成jQuery对象再进行返回例子： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery演示</title> </head> <body> <div id="main"> id是mian的div元素 </div> <button onclick="bClick()">获取元素</button> <script src="jquery-1.11.3.js"></script> <script> function bClick() {

Web前端基础——jQuery（二）

阅读更多关于 Web前端基础——jQuery（二）

一、jQuery 中的常用函数 1) $.map(Array,fn); 对数组中的每个元素,都用fn进行处理,fn将处理后的结果返回,最后得到一个数组 //因为这些操作,没有与dom元素相关的,所以可以不用写在 $(function(){...}); 中 var arr=[1,3,5,7,9]; arr=$.map(arr,function(item){ return item*10; }); alert(arr); [10,30,50,70,90]; //上例是将数组中的每个元素乘10,然后返回新的数组 2) $.each(Array,fn); 对数组中的每个元素,调用fn这个函数进行处理,但是,没有返回值,比上例更常用 //例一 var nameList=["哈利波特","伏地魔","小恶魔","本田","尼桑"]; $.each(nameList,function(key,value){ //对于上面的数组来说,key就是索引,value就是元素值 alert(key+":"+value); }); //例二 var nameList={"aa":"哈利波特","bb":"伏地魔","cc":"小恶魔","dd":"本田","ee":"尼桑"}; $.each(nameList,function(key,value){ alert(key+":"+value); }); /

十分钟玩转 jQuery、实例大全

阅读更多关于十分钟玩转 jQuery、实例大全

一、简介定义　　jQuery创始人是美国 John Resig，是优秀的 Javascript 框架；　　jQuery 是一个轻量级、快速简洁的 javaScript 库。源码戳这 jQuery对象　　jQuery产生的对象时jQuery独有的，只能自己调用书写规则　　支持链式操作；　　在变量前加"$"符号（var $variable = jQuery 对象）；　　注：此规定并不是强制要求。二、寻找元素选择器基本选择器、层级选择器、属性选择器与CSS类似，这里不再细说，详细猛戳这里。基本筛选器 $('li:first') //第一个元素 $('li:last') //最后一个元素 $("tr:even") //索引为偶数的元素，从 0 开始 $("tr:odd") //索引为奇数的元素，从 0 开始 $("tr:eq(1)") //给定索引值的元素 $("tr:gt(0)") //大于给定索引值的元素 $("tr:lt(2)") //小于给定索引值的元素 $(":focus") //当前获取焦点的元素 $(":animated") //正在执行动画效果的元素内容选择器 $("div:contains('nick')") //包含nick文本的元素 $("td:empty") //不包含子元素或者文本的空元素 $("div:has(p)") /

第四章使用jQuery操作DOM

阅读更多关于第四章使用jQuery操作DOM

第四章使用jQuery操作DOM 一.DOM操作在jQuery中的DOM操作主要可分为样式操作、文本和value属性值操作、节点操作；节点操作又包含属性操作、节点遍历和CSS-DOM操作。其中最核心的部分是节点操作和节点遍历。二.样式操作 1.设置和获取样式设置样式的语法： $(selector).css(name,value);//设置单个属性值 $(selector).css({name:value,…..nameN:valueN});//设置多个属性值获取样式的语法：$(selector).css(name);//获取属性name的值 2.追加和移除样式增加样式： $(selector).addClass(className);//增加单个样式 $(selector).addClass(className1，className2…..);//增加多个样式移除样式： $(selector).removeClass(className);//移除单个样式 $(selector).removeClass(className1，className2….);//移除多个样式 3.切换样式语法： $(selector).toggleClass(className);//切换样式其中，参数className为样式的名称

Day51 前端基础--jQuery 事件

阅读更多关于 Day51 前端基础--jQuery 事件

一，jQuery常用事件　　1.(keyup/keydown)键盘事件　　　　批量操作　　2.hover(不是原生DOM事件，是jQuery封装的) 　　　　接收两个匿名函数　　　　$('').hover(function() {鼠标移上去要做的事},function() {鼠标移下去要做的事} ) 　　3.input事件: 　　　　只要input框的发生变化就会触发此事件　　4.click点击事件 click(function(){...}) //一般用于监视点击事件 hover(function(){...}) //一般用于对用户光标起反应 blur(function(){...}) //一般用于捕获用户输入完成的输入内容 focus(function(){...}) //获得焦点时触发 change(function(){...}) //一般用于监视表单状态 keyup(function(){...}) //一般与keydown配合实现键盘事件的批量操作 keydown(function(){...})input(function(){...}) //一般用于监视输入框的输入内容　二，jQuery绑定事件的方式 //1.jQ对象.事件(事件处理函数() {动作}) $(''").click(function() {}) //2.jQ对象.on(事件,事件处理函数

jquery源码解读

阅读更多关于 jquery源码解读

最近一直在研读 jQuery 源码，初看源码一头雾水毫无头绪，真正静下心来细看写的真是精妙，其结构明晰，高内聚、低耦合，兼具优秀的性能与便利的扩展性，在浏览器的兼容性（功能缺陷、渐进增强）优雅的处理能力以及 Ajax 等方面周到而强大的定制功能无不令人惊叹。 jQuery 的整体结构是这样的： jQuery 整体架构不同于 jQuery 代码各个模块细节实现的晦涩难懂，jQuery 整体框架的结构十分清晰，按代码行文大致分为如上图所示的模块。初看 jQuery 源码可能很容易一头雾水，因为 9000 行的代码感觉没有尽头，所以了解作者的行文思路十分重要。整体而言，我觉得 jQuery 采用的是总--分的结构，虽然JavaScript有着作用域的提升机制，但是 9000 多行的代码为了相互的关联性，并不代表所有的变量都要定义在最顶部。在 jQuery 中，只有全局都会用到的变量、正则表达式定义在了代码最开头，而每个模块一开始，又会定义一些只在本模块会使用到的变量、正则、方法等。所以在一开始的阅读的过程中会有很多看不懂其作用的变量，正则，方法。所以，我觉得阅读源码很重要的一点是，摒弃面向过程的思维方式，不要刻意去追求从上至下每一句都要在一开始弄明白。很有可能一开始你在一个奇怪的方法或者变量处卡壳了，很想知道这个方法或变量的作用，然而可能它要到几千行处才被调用到

订阅 jquery选择器