Jquery+JavaScript學習-1
阿新 • • 發佈:2019-02-11
背景
最近在專案中運用到了很多關於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());
})
})