这篇文章主要介绍了jQuery中队列queue()函数的实例教程,queue()函数为JavaScript函数的执行顺序控制操作提供了便利,需要的朋友可以参考下如果当前jQuery对象匹配多个元素：获取队列时，只获取第一个匹配元素上的队列；设置队列(替换队列、追加函数)时，则为每个匹配元素都分别进行设置。该函数属于jQuery对象(实例)。如果需要移除并执行队列中的第一个函数，请使用dequeue()函数。你也可以使用clearQueue()函数清空指定的队列。语法...
在jQuery对象中只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQuery的each方法 。换句话说：jQuery提供的each方法是对参数一提供的对象的中所有的子元素逐一进行方法调用each()函数是基本上所有的框架都提供了的一个工具类函数，通过它，你可以遍历对象、数组的属性值并进行处理。jQuery和jQuery对象都实 现了该方法，对于jQuery对象，只是把each方法简单的进行了委托：把jQuery对象作为第一个参数传递给jQue...
each()方法能使DOM循环结构简洁，不容易出错。each()函数封装了十分强大的遍历功能，使用也很方便，它可以遍历一维数组、多维数组、DOM, JSON 等等在javaScript开发过程中使用$each可以大大的减轻我们的工作量。下面提一下each的几种常用的用法 1. each处理一维数组 var arr1 = [ "aaa", "bbb", "ccc" ]; $.each(arr1, function(i,val){ alert(i); alert(val);});alert(i)将输出0，1，2alert(val)将输出aaa，bbb，cc...
1、设置value为pxx的项选中$(".selector").val("pxx");2、设置text为pxx的项选中$(".selector").find("option[text=pxx]").attr("selected",true); 这里有一个中括号的用法，中括号里的等号的前面是属性名称，不用加引号。很多时候，中括号的运用可以使得逻辑变得很简单。3、获取当前选中项的value$(".selector").val();4、获取当前选中项的text$(".selector").find("option:selected").text(); 这里用到了冒号，掌握它的用法...
jQuery获取Select选择的Text和Value: 语法解释： 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 5. var maxIndex=$("#select_i...
一、向上遍历--祖先元素① $(selector).parent([filter]):返回selector匹配元素的直接父元素，方法可以接受一个过滤selector来过滤返回的父元素。② $(selector).parents([filter]):返回匹配元素的所有祖先节点，一直向上直到文档根元素html，方法可以接受一个过滤selector来过滤返回的祖先节点。备注：parent与parents的区别，parent返回直接父节点，parents返回所有的祖先节点，另外$("html").parent()返回document节点，而$("ht...
获取元素.eq(index) 按index获取jQuery对象集合中的某个特定jQuery对象.eq(-index) 按逆序index获取jQuery对象集合中的某个特定jQuery对象$( "li" ).eq( 2 ).css( "background-color", "red" );.get(index) 获取jQuery集合对象中某个特定index的DOM对象（将jQuery对象自动转换为DOM对象）console.log( $( "li" ).get( -1 ) );.get() 将jQuery集合对象转换为DOM集合对象并返回console.log( $( "li" ).get() );.index() / .index(sel...
CSS方法.hasClass(calssName) 检查元素是否包含某个class，返回true/false$( "#mydiv" ).hasClass( "foo" ).addClass(className) / .addClass(function(index,currentClass)) 为元素添加class，不是覆盖原class，是追加，也不会检查重复$( "p" ).addClass( "myClass yourClass" ); $( "ul li" ).addClass(function( index ) { return "item-" + index; });removeClass([className]) / ,removeClass(function(index,class)) 移除元...
jquery的index()方法 搜索匹配的元素，并返回相应元素的索引值，从0开始计数。 如果不给 .index() 方法传递参数，那么返回值就是这个jQuery对象集合中第一个元素相对于其同辈元素的位置。 如果参数是一组DOM元素或者jQuery对象，那么返回值就是传递的元素相对于原先集合的位置。 如果参数是一个选择器，那么返回值就是原先元素相对于选择器匹配元素中的位置。如果找不到匹配的元素，则返回-1。 实例代码如下：<ul> <li id="foo">f...
jquery中的is()方法可以判断元素是否可见，是否隐藏，是否选中。下面我们分别举例介绍。一、判断元素是否隐藏如下html中的p元素是隐藏的：<!doctype html> <html> <head> <script src="jquery-1.7.2.min.js"></script> </head> <body><p id="test" style="display:none">你看不到我</p> <span ></span><script type="text/ javascript "> $(span).html(test p is visible? + $(#test).is(:visible));</script> </body> </html>二、...
要使用jQuery，首先要在HTML代码最前面加上对jQuery库的引用，比如：<script language="javascript" src="/js/jquery.min.js"></script>库文件既可以放在本地，也可以直接使用知名公司的CDN，好处是这些大公司的CDN比较流行，用户访问你网站之前很可能在访问别的网站时已经缓存在浏览器中了，所以能加快网站的打开速度。另外一个好处是显而易见的，节省了网站的流量带宽。jquery代码写法与原生js写法的区别如下所示：1. 定位元素 J...
html()、text()、val()介绍1.HTMLhtml():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。2.TEXTtext():取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。text(val):设置所有匹配元素的文本内容与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换...
jquery 就对javascript的一个扩展库，封装库，就是让javascript更好用，更简单。jquery就是要用更少的代码，漂亮的完成更多的功能。JavaScript 与JQuery 常用方法比较实例如下：1、加载DOM区别 JavaScript： window.onload function first(){ alert(first); } function second(){ alert(second); } window.onload = first; window.onload = second;//只会执行第二个window.onload；不过可以通过以下方法来进行改进： window...
size()跟length同样的功能，都是取元素的个数，那么他们的区别是什么呢，一个是方法一个是属性？先看看他们的执行时间吧，http://jsperf.com/size-vs-length用这个检测的从图中可以看到size()方法比length慢38%，原因何在？原因在此：，可以看到size()的实质是调用对象的length属性实现的，而且官网里面这样解释：，意思是说在jquery 1.8里面，用length取代了size(),size()跟length功能是等同的，但是length更优秀，因为他不需要返...
在iframe子页面获取父页面元素代码如下:$(#objId, parent.document); // 搞定...在父页面 获取iframe子页面的元素代码如下:$("#objid",document.frames(iframename).document) $(document.getElementById(iframeId).contentWindow.document.body).html() $("#testId", document.frames("iframename").document).html();根据iframename取得其中ID为"testId"元素$(window.frames["iframeName"].document).find("#testId").html()用JS...