1. 程式人生 > >Jquery+JavaScript學習-1

Jquery+JavaScript學習-1

背景

最近在專案中運用到了很多關於jquery中的知識,所以總結了一下

選擇器

介紹什麼是hide()函式

$(document).ready(function(){
    $("p").click(function(){ //觸發click事件
        $(this).hide(); //隱藏事件
   })
})
<p>我是王大美人哦</p>

這裡寫圖片描述

介紹什麼是dbclick,在前面的時候跟大家說了click事件,它屬於是單擊事件,如果是雙擊事件,那麼我們就選擇dbclick

$(document).ready(function(){
   $("p"
).dbclick(function(){ $(this).hide(); }) }) <p>我是王大美人哦</p>

滑鼠指標進入則會出現彈窗,當我們使用#p1的時候,代表這我們用的是id來進行控制的

$(document).ready(function(){
    $("#p1").mouseenter(function(){
     alert("美女哦")
   })
})

Ajax中事件觸發

我們允許獲取id,來獲取元素html中的內容然後讓他彈出來哦,如果我們想好獲取的是id的屬性,那麼我們必須使用#號來表示
介紹函式html();

$(document).ready(function(){
  alert("美女說"+ $("#btn1").html())
})
<button id="btn1">顯示雪芬最美麗</button>

這裡寫圖片描述

獲取value值使用val()函式

$("document").ready(function(){
    $("button").click(function(){
       alert("他說"+("#text").val());
   })
})

這裡寫圖片描述