国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery 常見小例匯總

2019-11-19 18:29:30
字體:
來源:轉載
供稿:網友

1

//這段代碼展示了在用戶未輸入值時,//如何在文本類型的input域中保留//一個默認值wap_val = [];$(".swap").each(function(i){wap_val[i] = $(this).val();$(this).focusin(function(){if ($(this).val() == swap_val[i]) {$(this).val("");}}).focusout(function(){if ($.trim($(this).val()) == "") {$(this).val(swap_val[i]);}});});

2

var el = $('#id');el.html(el.html().replace(/word/ig, ''));

3

$('button.someClass').live('click', someFunction);//注意,在jQuery 1.4.2中,delegate和undelegate選項//被引入代替live,因為它們提供了更好的上下文支持//例如,就table來說,以前你會用//.live()$("table").each(function(){$("td", this).live("hover", function(){$(this).toggleClass("hover");});});//現在用$("table").delegate("td", "hover", function(){$(this).toggleClass("hover");});

4.如何把已創建的元素動態地添加到DOM中:

var newDiv = $('');   newDiv.attr('id','myNewDiv').appendTo('body'); 

5

var cloned = $('#somediv').clone();

6

if($(element).is(':visible') == 'true') {   //該元素是可見的 } 

7.JQ中定位

jQuery.fn.center = function () {   this.css('position','absolute');   this.css('top', ( $(window).height() - this.height() ) / +$(window).scrollTop() + 'px');   this.css('left', ( $(window).width() - this.width() ) / 2+$(window).scrollLeft() + 'px');   return this; } //這樣來使用上面的函數: $(element).center(); 

8.如何把有著某個特定名稱的所有元素的值都放到一個數組中:

var arrInputValues = new Array();$("input[name='table[]']").each(function(){arrInputValues.push($(this).val());});

9.在jQuery中如何使用.siblings()來選擇同輩元素

$('#nav li').click(function(){$('#nav li').removeClass('active');$(this).addClass('active');});//替代做法是$('#nav li').click(function(){$(this).addClass('active').siblings().removeClass('active');});

10.正反選

var tog = false; $('a').click(function() {   $("input[type=checkbox]").attr("checked",!tog);   tog = !tog; }); 

11.如何獲得鼠標墊光標位置x和y

$(document).ready(function() {$(document).mousemove(function(e){$('#XY').html(”X Axis : ” + e.pageX + ” | Y Axis ” + e.pageY);});});

12.如何把整個的列表元素(List Element,LI)變成可點擊的

$("ul li").click(function(){window.location=$(this).find("a").attr("href");return false;});

13.如何檢查圖像是否已經被完全加載進來

$('#theImage').attr('src', 'image.jpg').load(function() {alert('This Image Has Been Loaded');});

14.如何檢查cookie是否啟用

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) {//沒有啟用cookie}

15.如何讓cookie過期:

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

以上就是本文的全部內容,希望本文的內容對大家的學習或者工作能帶來一定的幫助,同時也希望多多支持武林網!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 禹州市| 南陵县| 郧西县| 波密县| 鹤岗市| 施甸县| 文登市| 武乡县| 龙井市| 深水埗区| 额尔古纳市| 榆中县| 平邑县| 阿拉善左旗| 盘锦市| 象州县| 仪征市| 栾城县| 罗定市| 崇礼县| 辉县市| 新竹市| 桐乡市| 公主岭市| 汤阴县| 福建省| 渝中区| 凤冈县| 波密县| 濮阳市| 合作市| 华亭县| 柞水县| 洛隆县| 龙岩市| 定西市| 区。| 高碑店市| 岳阳县| 吴川市| 枣强县|