jQuery与javascript对照学习(获取父子前后元素) .c1{background-color:green;padding:20px;} .c2{background-color:red;padding:20px;} .c1 div{background-color:gray;} function fNext(obj){//许多时候需要元素之间没有间隙才能取到 //alert(obj.nextSibling.id); alert(jQuery(obj).next().attr("id"));//传递this，通过$(obj)转化为jQuery对象 } function fPrev(obj){ //alert(obj.previousSibling.id); alert(jQuery(...
jquery 扩展函数： 代码如下: (function($) { $.fn.disable = function() { /// /// 屏蔽所有元素 /// /// return $(this).find("*").each(function() { $(this).attr("disabled", "disabled"); }); } $.fn.enable = function() { /// /// 使得所有元素都有效 /// /// return $(this).find("*").each(function() { $(this).removeAttr("disabled"); }); } })(jQuery); 使用方式：装载立即屏蔽： 代码如下: $(document)...
我研究了一下之后发现，jQuery都将事件缓存起来了，其实也是为了防止内存溢出以及页面unload的时候的速度，也包括多函数触发，方便管理等诸多好处，具体可以参考此文。 jQuery会在window.unload的时候卸载所有绑定过的事件，释放内存的。 OK，言归正传。判断元素上是否绑定过事件用如下语句 代码如下: jQuery.data(elem,"events")[type] //老版本也能用 $(elem).data("events")[type] //1.2.3以后才能用 返回值： 一个Object，可...
本系列文章分为：基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。 本篇讲解：:nth-child(index/even/odd/equation),:first-child,:last-child,:only-child的用法。 您对本系列文章有任何建议或意见请发送到邮箱：sjzlgt@qq.com 由于是第一次写技术性系列文章，难免会出错或代码BUG，欢迎指出，在此谢过！ 您可以到jQuery官网来学习更多的有关jQuery知识。 运行后，请刷新下，因为...
这两个方法是比较容易搞混的. filter方法表示的是对当前内部的元素进行筛选,这个接受两种参数，一个返回bool的function,或者是JQuery的选择表达式,包装集内的元素只会小于等于当前包装集内的元素，并且含有的元素属于原来包装集内元素的子集： 代码如下: the one the two the three alert($("div").filter(":not(:first):not(:last)").html()); //out putthe two alert($("div").filter(function() { return this.id == "two"; }...
因为浏览器的兼容问题，如果使用javascript获取这些数值是一个相当痛苦的过程。好在JQuery提供了简单优雅，并且兼容的解决方法。 获取浏览器和页面文档的宽度和高度 代码如下: //获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的文档宽度 $(document.body).width(); 获取滚动条的位置 代码如下: //获取滚动条到顶部...
先看一个例子：代码如下: http://www.gxlcms.com现在要得到a标签的属性id。有如下方法：代码如下: jQuery("#easy").click(function() {alert(document.getElementById("easy").id); //1alert(this.id); //2alert(jQuery(this).attr("id")); //3 });方法1使用的是javascript原始方法；方法2用到了this，this就相当于一个指针，返回的是一个dom对象，本例中返回a标签对象。所以this.id可直接得到id。方法3将dom对象转换成了jQuery对...
代码如下: Collapsible List — Take 1 <script type="text/javascript" src="../scripts/jquery-1.2.1.js"></ script> $(function(){ $('li:has(ul)') .click(function(event){ if (this == event.target) { if ($(this).children().is(':hidden')) { $(this) .css('list-style-image','url(minus.gif)') .children().show(); } else { $(this) .css('list-style-image','url(plus.gif)') .children().hide(); } } retu...
1.获取input类的值： $("input").val(); 2.获取textarea类的值: $("textarea").val(); 3.获取select类的值：$("select").val(); 当表单上含有多个input类（或者textarea类和select类），使用上述方法得到的将是一个数组。当然，你可以给这些控件加上ID，从而对某个特定的控件取值，例如：$("input#myID").val()。 下面将对每一种控件的取值方法做一一介绍： 1. input type="text" 单行文本输入框和input type="password" 密码输入框...
1. 操作属性 上文介绍了如何筛选到需要的元素。得到了元素之后就要对其进行操作。一个常见的需求是遍历得到的元素集，对每一个元素进行一个操作。jQuery提供的函数是 each(iterator)，其中iterator是一个函数，接受一个整数作为参数，表示第几个元素。看一个简单的例子。 代码如下: jQuery Operation $(function() { $('img').each(function(n) { this.alt = "This is " + n + "th picture"; }); }); Image GalleryMarch 1...
例如： 代码如下: jQuery Wrapper $(function() { $("I am a red line.").css("color", "Red").appendTo("#foo"); }); $创造了一个p元素的包装元素，这个包装元素和用上文提到的选择符选到的元素是一样的。同样也可以调用jQuery的一些方法，最后用appendTo（以后介绍）把这个元素移动到div里。最终结果是： 下面介绍对包装集操作的函数。 1. html(),html(text). 第一个函数返回包装集第一个元素内部的html，第二个函数...
此控件是基于Jquery开发的，要引用Jquery框架 控件代码 代码如下: $.fn.myNudge = function() { var self = $(this); self.css({ position: "absolute" }); //让这个元素绝对定位 var selfLeft = self.css("left"); var selfTop = self.css("top"); self.css({ left: selfLeft, top: selfTop }); //设置这个元素为原来的位置 self.hover(function() { self.animate({ left: "+=50px" }, 1000); }, function() { self.animate({ le...
代码如下： 代码如下: "http://www.w3.org/TR/html4/loose.dtd"> 无标题文档 $(function(){ var oNewp = $("我测试成功了"); oNewp.insertAfter("#target"); }); eeeeeeeeee 需要注意的几点： 代码如下: $(fuction(){ }) 此句就相当于window.onload函数，缺一不可。 总结：时刻要细心。JavaScript教程/参考手册 JavaScript热搜 vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query...
指定元素中包含 id 属性的, 如: $("span[id]") 代码如下: AAA BBB CCC DDD EEE FFF 指定元素中不包含 id 属性的, 如: $("span:not(span[id])") 或 $("span:not([id])") 代码如下: AAA BBB CCC DDD EEE FFF 包含 id 属性的, 如: $("body [id]") 代码如下: AAA BBB CCC DDD EEE FFF 符合元素值的, 如: $("span[name='S2']") 代码如下: AAA BBB CCC DDD EEE FFF 不符合元素值的, 如: $("span[name!='S2']") 代码如下: AAA BB...
本文实例讲述了jQuery获得子元素个数的方法。分享给大家供大家参考。具体分析如下：//获取id=div1下的子元素的个数 $('#div1').children().length; //获取id=div1下的span元素个数 $('#div1').children('span').length;希望本文所述对大家的jQuery程序设计有所帮助。