标签归档：jquery

网站开发时，我们时常需要把没有内容的标签隐藏或者去掉。在用JQ有两种好的解决办法： 一、判断文本是否为空 var jqObj = $(this); if(jqObj.text().trim()){ //trim()方法是去空格，$.trim()函数删除提供字符串的所有换行符,空格（包括非中断空格），开始和结束tab。如果这些空白字符在字符串中间发生时，它们将被保留。 jqObj.hide(); } 二、判断这个标签下是否有某个已知的元素，比如判断ul标签下是否有li元素 var jqObj = $(this); if(!jqObj.has(‘li’).length){ jqObj.hide(); }   查看更多>>

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来，用于对通过选择器获取的jQuery对象进行操作，是最常见的一种插件。此类插件可以发挥出jQuery选择器的强大优势，有相当一部分的jQuery的方法，都是在jQuery脚本库内部通过这种形式“插”在内核上的，例如parent()方法，appendTo()方法等。 2、封装全局函数 可以将独立的函数加到jQuery命名空间下。如常用的jQuery.ajax()方法、去首尾空格的jQuery.trim()方法，都是jQuery内部作为全局函数的插件附加到内核上去的。 3、选择器插件 虽然jQuery的选择器十分强大，但在少数情况下，还是会需要用到选择器插件来扩充一些自己喜欢的选择器。 jQuery插件的机制 jQuery插件的机制很简单，就是利用jQuery提供的jQuery.fn.extend()和jQuery.extend()方法，扩展jQuery的功能。 jQuery.fn.extend()多用于扩展上面提到的3种类型中的第一种，jQuery.extend()用于扩展后两种插件。这两个方法都接受一个参数，......查看更多>>

size()等同于js的length slice()与原来的slice方法类似 如：slice(0,2) 选择第一个和第二个元素 insertAfter() insertBefore（） append（） appendTo（） prependTo（） replaceWith（） replaceAll（） is() toArray() trim() live() nextAll() not() prepend() prependTo() prev() prevAll() scrollTop() wrap() unwrap() wrapAll() wrapInner() 查看更多>>

1. 如何修改jQuery默认编码（例如默认UTF-8改成改GB2312）： $.ajaxSetup({ ajaxSettings:{ contentType:”application/x-www-form-urlencoded;chartset=GB2312″} });   2. 解决jQuery, prototype共存，$全局变量冲突问题： <script src=”prototype.js”></script> <script src=”http://blogbeta.blueidea.com/jquery.js”></script> <script   type=”text/javascript”> jQuery.noConflict(); </script> 注意：一定要先引入prototype.js 再引入jquery.js，先后顺序不可错。   3. jQuery 判断元素上是否绑定了事件 //jQuery event封装支持判断元素上是否绑定了事件，此方法只适用于jQuery绑定的事件 var $events = $(“#foo”).data(“events”); if( $events && $events["click"] ){　　//your code}   4. 如何使用jQuery来切换样式表 //找出你希望切换的媒体类型（media-type），然......查看更多>>

字符截取显示 var text = $(“.content”).text(); var textNum = text.length; var textInt = text.slice(0,140); $(“.content”).each(function () { if (textNum >= 160) { $(this).html(textInt + “…” + “详细“) $(“.dis_btn”).click(function () { $(“.content”).text(text); }); return false; } else { $(“.content”).each(function () { $(this).text(text); }) } })   div做链接 $(“.pane-list li”).click(function(){     window.location=$(this).find(“a”).attr(“href”);return false; });   简单的炸屏效果 $(document).ready(function(){ setTimeout(“showBanner();”,5000); }); function showBanner(){ $(“.banner p:eq(0)”).slideUp(1000,function(){$(“.banner p:eq(1)”).slideDown(1000);}); }   单条滚动的新闻写法1 function scroll_news(){ $(function(){       $(&#......查看更多>>