真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

重慶分公司 重慶分公司

• 網(wǎng)站建設(shè)
• 網(wǎng)站制作
• 網(wǎng)站營銷
• 小程序
• 新聞動(dòng)態(tài)
• 成功案例
• 關(guān)于我們
028-86922220

• 網(wǎng)站建設(shè)
• 網(wǎng)站制作
• 網(wǎng)站營銷
• 小程序
• 新聞動(dòng)態(tài)
• 成功案例
• 關(guān)于我們

//事件綁定
$("#btn1").bind("click",function(){
   alert("點(diǎn)我觸發(fā)bind函數(shù)");
})

點(diǎn)我觸發(fā)bind函數(shù)

alert($("button").parent().is("body"));
 /*
  * $("#b1").is(":visible") 判斷id為d1的元素是否可見
  * 可見返回true，不可見就返回false
  * 
  * next($("#b1").is(":visible"));
  */
alert("#btn2").is(":visible");
$("#btn2").click(function(){
    if($("#b1").is(":visible")){
        //$(this).next().css();
         $(this).next().hide();
    }else{
        $(this).next().show();
    }
})

web前端開發(fā)學(xué)習(xí)Q-q-u-n： ⑦⑧④-⑦⑧③-零①②，分享學(xué)習(xí)的方法和需要注意的小細(xì)節(jié)，不停更新最新的教程和學(xué)習(xí)方法（詳細(xì)的前端項(xiàng)目實(shí)戰(zhàn)教學(xué)視頻）
$(function(){           
    /*
     * 合成事件hover()方法的語法結(jié)構(gòu):
     *  hover(enter,leave);
     * 
     * */
     $("#btn2").hover(function(){
         $(this).next().show();
     },function(){
        $(this).next().hide();
     })
})

點(diǎn)我觸發(fā)bind函數(shù)
隱藏或者顯示

    

$(function(){       
    /*
     * 合成事件toggle()方法的語法結(jié)構(gòu):
     *  toggle(f1,f2,f3,f4....);
     * 
     * 有倆個(gè)功能:
     *    1：模擬連續(xù)點(diǎn)擊(自動(dòng)點(diǎn)擊，不是你手動(dòng)點(diǎn)擊);
     *      2.如果元素本身可見，則會(huì)自動(dòng)隱藏，如果本身是隱藏的，則會(huì)自動(dòng)顯示
     * */
    /* $("#btn1").toggle(function(){
        alert("觸發(fā)toggle函數(shù)");
     });*/
     //帶倆個(gè)參數(shù)的toggle方法
     $("#btn1").toggle(function(){
          $("#btn1").css("color","turquoise");
         //alert("觸發(fā)toggle函數(shù)");
     },function(){
        //alert("觸發(fā)toggle2函數(shù)")
        $("#btn1").css("background-color","deepskyblue");
     })
})

            #body1{
                background-color: deepskyblue;
            }
            #div1{
                background-color: white;
            }
            #span1{
                background-color: yellow;
            }
        
        
        
            $(function(){
                 /*
                  *演示事件冒泡
                  *    當(dāng)一個(gè)元素的本身和父類都綁定了相同事件時(shí)，它本身觸發(fā)該事件，則父類也會(huì)觸發(fā)該事件
                  * 解決方法：停止冒泡
                  *      方法1:本身return false；
                  *     方法2:stopPropagation(); [event是事件對象]
                  */
                 $("#body1").click(function(){
                     alert("body的click方法");
                 })
                  $("#div1").click(function(){
                     alert("div的click方法");
                 })
                   $("#span1").click(function(){
                     alert("span的click方法");
                    // return false;
                    event.stopPropagation();
                 })

            })
        
    
    
         body
         
            div
            
                span
            
         

    
        
        
        
        
            $(function(){
                 //阻止點(diǎn)擊之后跳轉(zhuǎn)
                 $("#a1").click(function(){
                     alert("你正在阻止a標(biāo)簽的默認(rèn)行為");
                     //return false;        //方法一
                     event.preventDefault(); //方法二
                 })
                 /*
                  * 寫一個(gè)登錄表單，設(shè)置如果用戶名不滿足正則表達(dá)式的要求，阻止請求服務(wù)
                  * 正則判斷是否滿足符合規(guī)則
                  * 
                  */ 
                  $(":submit").click(function(){
                    var na=$("#na").val();
                     var uPattern = /^[a-zA-Z0-9_-]{4,16}$/; 
                       if(!uPattern.test(na)){
                            alert("你正在阻止a標(biāo)簽的默認(rèn)行為");
                            return false;
                       }

                  })

            })
        
    
    
        跳轉(zhuǎn)百度
        
            用戶名

            密碼

              登錄

        
    

    
        
        
        
        
            $(function(){
                 /*
                  * 事件對象：對事件對象的常用屬性進(jìn)行封裝
                  * 1.event.type獲取事件的類型(也就是事件名稱)
                  * 2\. event.preventDefault();  阻止默認(rèn)的事件行為 (在IE中無效)
                  * 3\. event.stopPropagation() 阻止事件冒泡
                  *  4.event.target  獲取觸發(fā)事件的元素（獲取觸發(fā)的目標(biāo)）
                  * 5.event.pageX / event.pageY 獲取事件光標(biāo)的X和Y的坐標(biāo)
                  * 6.event.which  獲取鼠標(biāo)的按鍵(左鍵返回1，中鍵返回2，右鍵返回3)
                  */
                 $("#a1").click(function(){
                      //alert(event.pageX+","+event.pageY);
                       alert(event.which);
                      return false;
                 })

            })
        
    
    
        查看事件對象的屬性

    

    
        
        
        
        
            $(function() {
                $("#btn1").one("click", function() {
                    $("#test").append("
我的綁定函數(shù)1
");
                }).one("click", function() {
                    $("#test").append("
我的綁定函數(shù)2
");
                }).one("click", function() {
                    $("#test").append("
我的綁定函數(shù)3
");

                })
            })
        
    

    
        綁定函數(shù)
        

        

One()方法

one(): 該方法可以為元素綁定處理函數(shù). 當(dāng)處理函數(shù)觸發(fā)一次后, 立即被刪除. 即在每個(gè)對象上, 事件處理函數(shù)只會(huì)被執(zhí)行一次.

on()與bind()的差別

jQuery從1.7+版本開始，提供了on()和off()進(jìn)行事件處理函數(shù)的綁定和取消。

兩者的區(qū)別就在于是否支持selector這個(gè)參數(shù)值。如果使用on的時(shí)候，不設(shè)置selector,那么on與bind就沒有區(qū)別了。

jQuery的動(dòng)畫

隱藏和顯示元素-show()方法和hide()方法

hide(): 在HTML文檔中，為一個(gè)元素調(diào)用hide()方法會(huì)將該元素的display樣式改為 none，代碼功能同css("display", "none")。

show(): 把元素隱藏后，可以使用show ()方法將元素的 display 樣式改為先前的顯示狀態(tài)("block"或"inline"或其他除了"none"之外的值)。

$(function(){
$("div").hover(function(){
    $(this).next().show();
},function(){
    $(this).next().hide();
})
})

淡入和淡出-fadeIn()方法和fadeout()方法

fadeIn(), fadeOut(): 只改變元素的透明度. fadeOut()會(huì)在指定的一段時(shí)間內(nèi)降低元素的不透明度,直到元素完全消失(“display:none”)，fadeIn()則相反。

滑上和滑下-slideUp()方法和slideDown()方法

slideDown()，slideUp():只會(huì)改變元素的高度，如果一個(gè)元素的display屬性為 none，當(dāng)調(diào)用slideDown()方法時(shí)，這個(gè)元素將由上至下延伸顯示，slideUp()方法正好相反，元素由下至上縮短隱藏。

自定義動(dòng)畫方法animate()

使用animate()方法來自定義動(dòng)畫，其語法結(jié)構(gòu)為：

animate(params,[speed],[fn])?params:一組包含作為動(dòng)畫屬性和終值的樣式屬性和及其值的集合，比如{property1:”value1”, property2:”value2”,..}
?speed:三種預(yù)定速度之一的字符串("slow","normal", or "fast")或表示動(dòng)畫時(shí)長的毫秒數(shù)值(如：1000)

fn:在動(dòng)畫完成時(shí)執(zhí)行的函數(shù)，每個(gè)元素執(zhí)行一次

toggle()方法

toggle()方法可以切換元素的可見狀態(tài)。如果元素是可見的, 則切換為隱藏; 如果元素時(shí)隱藏的, 則切換為可見的。

toggle()會(huì)同時(shí)改變元素的高度、寬度和透明度

slideToggle()方法

slideToggle()方法通過高度變化來切換匹配元素的可見性。這個(gè)動(dòng)畫效果只調(diào)整元素的高度。

fadeTo()方法

fadeTo()方法可以把元素的不透明度以漸近的方式調(diào)整到指定的值(0–1之間)。這個(gè)動(dòng)畫只調(diào)整元素的不透明度，即匹配的元素的高度和寬度不會(huì)發(fā)生變化。

fadeToggle()方法

fadeToggle()方法通過不透明度變化來切換匹配元素的可見性。這個(gè)動(dòng)畫效果只調(diào)整元素的不透明度

動(dòng)畫方法說明：

屬性自定義動(dòng)畫的方法，以上各種動(dòng)畫方法實(shí)質(zhì)內(nèi)部都調(diào)用了animate()方法。此外，直接使用animate()方法還能自定義其他的樣式屬性，例如：“l(fā)eft”、”marginLeft”,”scrollTop”等

表單應(yīng)用：

一個(gè)表單有3個(gè)基本組成部分：

?表單標(biāo)簽：包含處理表單數(shù)據(jù)所用的服務(wù)器程序URL以及數(shù)據(jù)提交到服務(wù)器的方法。

?表單域：包含文本框、密碼框、多行文本框、復(fù)選框、單選框、下拉選擇框和文件上傳框等。

?表單按鈕：包括提交按鈕、復(fù)位按鈕和一般按鈕，用于將數(shù)據(jù)傳送到服務(wù)器上或者取消傳送，還可以用來控制其他定義了處理腳本的處理工作。

attr()和prop()方法區(qū)別:

attr的返回值要么是checked要么是undefined，prop的返回值只有true和false。

prop()**函數(shù)的結(jié)果**:

  1.如果有相應(yīng)的屬性，返回指定屬性值。

  2.如果沒有相應(yīng)的屬性，返回值是空字符串。

attr**()函數(shù)的結(jié)果:**

  1.如果有相應(yīng)的屬性，返回指定屬性值。

  2.如果沒有相應(yīng)的屬性，返回值是undefined。

對于HTML元素本身就帶有的固有屬性，在處理時(shí)，使用prop方法。

對于HTML元素我們自己自定義的DOM屬性，在處理時(shí)，使用attr方法。

具有 true 和 false 兩個(gè)屬性的屬性，如 checked, selected 或者 disabled 使用prop()

“jQuery中的事件、動(dòng)畫、表單的應(yīng)用方式”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！