jquery經常使用代碼片斷

1）判斷一個元素是否存在

使用jQuery判斷元素是否存在，很是的簡單。對於一個jQuery對象，咱們只須要用length屬性便可判斷元素是否存在，若是存在確定是大於0，示例代碼：

判斷這個圖片是否存在，若是存在在把這個圖片替換

 

<img src="http://www.jquery001.com/images/demo/2010/anyixuan.jpg" style="  float:right" id='uu2'>

 <script type="text/javascript">
        $(document).ready(function() {
		if($('#uu2').length>0){
		$('#uu2').attr("src", "http://www.blogkid.cn/wp-content/uploads/2008/04/memcached_shell_2.JPG");
					}
        });

    </script>

 

 

 

2）得到文本框焦點，主要使用focus 得到焦點

 

<input type="text" id="txtUser" style="width:200px; " />

 

 

$('#txtUser').bind("focus",function(){
					$(this).animate({ width: "500px" }, 1000);
					})
				$('#txtUser').bind("blur",function(){
					$(this).height("120px");
					})
        });

 

 

3）對失效的圖片的處理  主要使用error 方法，注意在ie下不兼容性，當圖片失效的時候，咱們能夠直接移除該圖片，也能夠替換該圖片

 

<img src="mooncake1.jpg" alt="mooncake" />
<p>中秋節咱們吃月餅</p>

$(document).ready(function() {
    $("img").error(function() {
        $(this).remove();   //1.remove the image
        $(this).attr("src", "no-image.jpg");    //2.replace the image
    });
});

 

 

4）

jQuery 判斷圖像是否被徹底加載進來

$("#demoImg").attr("src", "demo.jpg").load(function() {  
    alert("圖片加載完成");  
}); 

5）

jQuery 判斷瀏覽器類型及版本號

var browserName = navigator.userAgent.toLowerCase();
mybrowser = {
    version: (browserName.match(/.+(?:rv|it|ra|ie)[\/: ]([\d.]+)/) || [0, '0'])[1],
    safari: /webkit/i.test(browserName) && !this.chrome,
    opera: /opera/i.test(browserName),
    firefox: /firefox/i.test(browserName),
    msie: /msie/i.test(browserName) && !/opera/.test(browserName),
    mozilla: /mozilla/i.test(browserName) && !/(compatible|webkit)/.test(browserName) && !this.chrome,
    chrome: /chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)
}
$(document).ready(function () {
    if (mybrowser.msie) {
        alert("瀏覽器爲：Internet Explorer 版本號爲：" + $.browser.version);
    }
    else if (mybrowser.mozilla) {
        alert("瀏覽器爲：Firefox 版本號爲：" + $.browser.version);
    }
    else if (mybrowser.opera) {
        alert("瀏覽器爲：Opera 版本號爲：" + $.browser.version);
    }
    else if (mybrowser.safari) {
        alert("瀏覽器爲：Safari 版本號爲：" + $.browser.version);
    }
    else if (mybrowser.chrome) {
        alert("瀏覽器爲：Chrome 版本號爲：" + mybrowser.version);
    }
    else {
        alert("神馬");
    }
});