jquery实用代码片段集合_jquery

加载google的jquery库

<script type="text/javascript"

src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">

</script>

有利于加快加载速度（已经得到验证）。

修改图片src更新图片



$(imageobj).attr('src', $(imageobj).attr('src') + '?' + Math.random() );


这是很实用的技巧，曾经有人问明河，为什么他已经修改了图片的src，但图片没变化呢？原因在于缓存，给图片路径后加个随机数参数即可。


加载多张图片，判断加载完成状态




var totalimages = 10;
var loadedimages = 0;
$("<img/>").load(function() {
++loadedimages;
if(loadedimages == totalimages){
//全部图片加载完成时…..
 }
 });


双击不选中文本




var clearSelection = function () {
if(document.selection && document.selection.empty) {
 document.selection.empty();
 } else if(window.getSelection) {
var sel = window.getSelection();
 sel.removeAllRanges();
 }
 }


$(element).bind('dblclick',function(event){
 clearSelection();
 });


对一个列表进行排序




<ul>
<li>cloud</li>
 <li>sun</li>
 <li>rain</li>
 <li>snow</li>
 </ul


var items = $('.to_order li').get();


items.sort(function(a,b){
var keyA = $(a).text();
var keyB = $(b).text();
if (keyA < keyB) return -1;
if (keyA > keyB) return 1;
return 0;
 });
var ul = $('.to_order');
 $.each(items, function(i, li){
 ul.append(li);
 });


（中文无效）
绑定右击事件




$(document).ready(function(){
 $(document).bind("contextmenu",function(e){
return false;
 });
 });


 扩展jquery的对象选择器




$.extend($.expr[':'], {
//选择器名
 moreThanAThousand : function (a){
return parseInt($(a).html()) > 1000;
 }
 });
 $(document).ready(function() {
 $('td:moreThanAThousand').css('background-color', '#ff0000′);
 });


 检查对象是否存在




if ($("#elementid").length) {
//……
}


取消一个ajax请求




var req = $.ajax({
type: "POST",
url: "someurl",
data: "id=1″,
success: function(){


}
});
//取消ajax请求
req.abort()


检查cookies是否可用




$(document).ready(function() {
var dt = new Date();
dt.setSeconds(dt.getSeconds() + 60);
document.cookie = "cookietest=1; expires=" + dt.toGMTString();
var cookiesEnabled = document.cookie.indexOf("cookietest=") != -1;
if(!cookiesEnabled){
//cookies不能用……..
}
});


获取当前元素在元素集内的索引值




$("ul > li").click(function () {
var index = $(this).prevAll().length;
 });
//如果用的是jquery1.4，明河推荐使用以下方法：
 $("ul > li").click(function () {
var index = $(this).index();
 });


 让一个元素相对于屏幕居中




jQuery.fn.center = function () {
this.css("position","absolute");
this.css("top", ( $(window).height() – this.height() ) / 2+$(window).scrollTop() + "px");
this.css("left", ( $(window).width() – this.width() ) / 2+$(window).scrollLeft() + "px");
return this;
}
$(element).center();


这个方法非常实用，明河严重推荐收藏
获取当前页面的URL




$(document).ready(function() {
var pathname = window.location.pathname;
});


  


如何隐藏除了特定选择器下的全部对象




$('#target div:not(#exclude)').hide();
//或者
 $('#target').children().filter(':not(#exclude)').hide();


filter()起到过滤的作用。


寻找带有指定字符串的元素




var foundin = $('*:contains(" 明河")');


获取垂直滚动距离




alert($(document).scrollTop());


scrollTop()非常实用的一个方法。
向表格追加一行数据




$('#myTable tr:last').after('<tr>…</tr>');


超过一个属性时的过滤




var elements = $('#someid input[type=sometype][value=somevalue]').get();


让cookies在X分钟后过期




var date = new Date();
date.setTime(date.getTime() + (x * 60 * 1000));
$.cookie('example', 'foo', { expires: date });


选择从第一个到第X个的元素




//从第一个到第10个
$('a').slice(0,10);
//或者
$('a:lt(10)');


获取客户端的IP




$.getJSON("http://jsonip.appspot.com?callback=?",function(data){
 alert( "你的IP：" + data.ip);
 });


这是利用了jsonip.appspot.com提供的取IP服务。
解析XML数据源




<?xml version="1.0″ ?>
<result>
<item>
<id>1</id>
<title>title1</title>
<description>desc1</description>
</item>
<item>
<id>2</id>
<title>title2</title>
<description>desc2</description>
</item>
<!– … –>
</result>


$.get('file.xml',{},function(data){
$('item',data).each(function(){
var $this&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; = $(this);
var id &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;= $this.find('id').text();
var title &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;= $this.find('title').text();
var description = $this.find('description').text();
//do something …
});
});


获取在id中的数字




<div id="sites">
<a id="site_1″ href="http://siteA.com">siteA</a>
<a id="site_2″ href="http://siteB.com">siteB</a>
<a id="site_3″ href="http://siteB.com">siteC</a>
…
</div>


$("#sites a").click(function(){
var $this &nbsp;&nbsp; &nbsp;= $(this);
var nmb &nbsp;&nbsp; &nbsp;= $this.attr('id').match(/site_(\d+)/)[1];
…
});


将类似12343778 转成 12.343.778的形式




var delimiter = '.';
 $('#result').html()
 .toString()
 .replace(new RegExp("(^\\d{"+($this.html().toString().length%3||-1)+"})(?=\\d{3})"),"$1″ + delimiter)
 .replace(/(\d{3})(?=\d)/g,"$1″ + delimiter);


这个正则值得收藏，颇为经典。
向firebug的控制面板发送消息




jQuery.fn.log = function (msg) {
 console.log("%s: %o", msg, this);
return this;
 };
 $('#some_div').find('li.source > input:checkbox').log("sources to uncheck").removeAttr("checked");


获取图片的宽高




var img = $('#imageid');
var theImage = new Image();
theImage.src = img.attr("src");
alert("Width: " + theImage.width);
alert("Height: " + theImage.height);


以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索jquery

                                    实用代码

                                    超实用的jquery代码段、超实用jquery代码段、超实用jquery代码、jquery代码片段、workflow实用集合分享，以便于您获取更多的相关知识。
				


				
时间： 2024-10-27 16:55:35

		
		


		


	

	
	

		


		
jquery实用代码片段集合_jquery的相关文章


								

		

			

                【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)_jquery
			

		

		

									

				本文实例总结了jQuery实用代码片段.分享给大家供大家参考,具体如下: //each遍历文本框 清空默认值 $(".maincenterul1").find("input,textarea").each(function () { //保存当前文本框的值 var vdefault = this.value; $(this).focus(function () { if (this.value == vdefault) { this.value = "&q			

		

	

				

		

			

                JavaScript和JQuery实用代码片段（一）_jquery
			

		

		

									

				(一)怎样用JQuery刷新一幅图片? 说明:我们都知道,当我们在请求一个资源(比如网页,图片等)的时候,如果该资源被缓存到浏览器了,那么请求返回的就是缓存的副本,不是我们希望获取的资源(该资源内容已经被更新了),此时最普遍的一个办法就是在请求的页面后面或者图片的src后面加上一个查询字符串"ran=" + Math.random(),这样就会请求到最新版本的资源啦! 代码: 复制代码 代码如下: $(imageObj).attr('src',$(imageObj).attr('src			

		

	

				

		

			

                python实用代码片段收集贴
			

		

		

									

				  这篇文章主要介绍了python实用代码片段收集贴,本文收集了如获取一个类的所有子类.计算运行时间.SQLAlchemy简单使用.实现类似Java或C中的枚举等实用功能代码,需要的朋友可以参考下 获取一个类的所有子类 复制代码 代码如下: def itersubclasses(cls, _seen=None): """Generator over all subclasses of a given class in depth first order.""			

		

	

				

		

			

                php实用代码片段整理_php技巧
			

		

		

									

				本文整理归纳了php实用代码片段.分享给大家供大家参考,具体如下: 一 从网页中提取关键词 $meta = get_meta_tags('http://www.jb51.net/'); $keywords = $meta['keywords']; // Split keywords $keywords = explode(',', $keywords ); // Trim them $keywords = array_map( 'trim', $keywords ); // Remove emp			

		

	

				

		

			

                必须收藏的php实用代码片段_php技巧
			

		

		

									

				在编写代码的时候有个神奇的工具总是好的!下面这里收集了 40+ PHP 代码片段,可以帮助你开发PHP 项目. 之前已经为大家分享了<必须收藏的23个php实用代码片段>. 这些PHP 片段对于PHP 初学者也非常有帮助,非常容易学习,让我们开始学习吧- 24. 从 PHP 数据创建 CSV 文件 function generateCsv($data, $delimiter = ',', $enclosure = '"') { $handle = fopen('php://temp'			

		

	

				

		

			

                必须收藏的23个php实用代码片段_php技巧
			

		

		

									

				在编写代码的时候有个神奇的工具总是好的!下面这里收集了 40+ PHP 代码片段,可以帮助你开发 PHP 项目. 这些 PHP 片段对于 PHP 初学者也非常有帮助,非常容易学习,让我们开始学习吧- 1. 发送 SMS 在开发 Web 或者移动应用的时候,经常会遇到需要发送 SMS 给用户,或者因为登录原因,或者是为了发送信息.下面的 PHP 代码就实现了发送 SMS 的功能. 为了使用任何的语言发送 SMS,需要一个 SMS gateway.大部分的 SMS 会提供一个 API,这里是使用 M			

		

	

				

		

			

                一些实用的jQuery代码片段收集_jquery
			

		

		

									

				下边这些jQuery片段只是很少的一部分,如果您在学习过程中也遇到过一些常用的jQuery代码,欢迎分享.下边就让我们看看这些有代码片段. 1.jQuery得到用户IP: 复制代码 代码如下: $.getJSON("http://jsonip.appspot.com?callback=?", function (data) { alert("Your ip: " + data.ip); }); 2.jQuery查看图片的宽度和高度: 复制代码 代码如下: var t			

		

	

				

		

			

                BootStrap实用代码片段之一_javascript技巧
			

		

		

									

				如题,持续总结自己在使用BootStrap中遇到的问题,并记录解决方法,希望能帮到需要的小伙伴. 应用场景:经典上下布局中,顶部导航条固定,下部填充不显示滚动条 解决方案:导航条固定在顶部,同时为body设置内边距(padding-top),内边距为导航条高度(默认50px,可自己调整高度),html代码如下: <!--html页面布局--> <div class="container-fluid page-wrapper"> <!--导航栏-->			

		

	

				

		

			

                jQuery实用函数用法总结_jquery
			

		

		

									

				本文以实例的形式总结了jQuery的常见实用函数.分享给大家供大家参考之用.具体示例如下: 1.修剪字符串 $('#id').val($.trim($('#someid').val()))   2.遍历集合 可能这样写: var anArray = ['one','two']; for(var n = 0; n < anArray.length; n++){ } 还有可能这样写: var anObject = {one: 1, two: 2}; for(var p in anObject){ }