首先感謝菜鳥(niǎo)教程提供的幫助 jQuery是一個(gè)js庫(kù) 使用jQuery需要在script標(biāo)簽里面設(shè)置src 可以是本地地址也可以是網(wǎng)絡(luò)地址CDN 常用
//百度CDN<head><script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script></head>$(“selecor”)就是獲取那個(gè)元素的屬性相當(dāng)于 document.getElementBy… /$(selecor).action() /$定義為jQuery selecor 為HTML的指定元素this id class… 還有很多語(yǔ)法 點(diǎn)擊更多 action為執(zhí)行操作 $(“p.test”).hide() - 隱藏所有 class=”test” 的 < p>元素 如果寫(xiě)成.test 就沒(méi)有< p>的限制條件了
文檔就緒事件 在文檔加載完成之后啟動(dòng)代碼
$(document).ready(function(){ // 開(kāi)始寫(xiě) jQuery 代碼... $("button").click(function(){ $("p").hide()})});或者$(function(){ //內(nèi)容})事件概要 click()點(diǎn)擊事件 dblclick()雙擊事件 mouseenter()鼠標(biāo)進(jìn)入元素區(qū)域事件 mouseleave()鼠標(biāo)離開(kāi)事件 mousedown()鼠標(biāo)按下事件 mouseup()鼠標(biāo)松開(kāi)事件 hover()鼠標(biāo)進(jìn)入和離開(kāi)各觸發(fā)一個(gè)事件,,, focus()選中目標(biāo)時(shí)發(fā)生事件 blur()選中后離開(kāi)觸發(fā)事件
調(diào)用內(nèi)容
$("#btn1").click(function(){ alert("Text: " + $("#test").text());});$("#btn2").click(function(){ alert("HTML: " + $("#test").html());});$("#btn1").click(function(){ alert("值為: " + $("#test").val());});$("button").click(function(){ alert($("#JIuzhe").attr("href"));});修改內(nèi)容
$("#btn1").click(function(){ $("#test1").text("Hello world!");});$("#btn2").click(function(){ $("#test2").html("<b>Hello world!</b>");});$("#btn3").click(function(){ $("#test3").val("JIuzhe");});添加字段的三種方式
function appendText(){ var txt1="<p>文本。</p>"; // 使用 HTML 標(biāo)簽創(chuàng)建文本 var txt2=$("<p></p>").text("文本。"); // 使用 jQuery 創(chuàng)建文本 var txt3=document.createElement("p"); txt3.innerHTML="文本。"; // 使用 DOM 創(chuàng)建文本 text with DOM $("body").append(txt1,txt2,txt3); // 追加新元素}未完待續(xù)…
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
