首先感謝菜鳥教程提供的幫助 jQuery是一個js庫 使用jQuery需要在script標簽里面設置src 可以是本地地址也可以是網絡地址CDN 常用
//百度CDN<head><script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script></head>$(“selecor”)就是獲取那個元素的屬性相當于 document.getElementBy… /$(selecor).action() /$定義為jQuery selecor 為HTML的指定元素this id class… 還有很多語法 點擊更多 action為執行操作 $(“p.test”).hide() - 隱藏所有 class=”test” 的 < p>元素 如果寫成.test 就沒有< p>的限制條件了
文檔就緒事件 在文檔加載完成之后啟動代碼
$(document).ready(function(){ // 開始寫 jQuery 代碼... $("button").click(function(){ $("p").hide()})});或者$(function(){ //內容})事件概要 click()點擊事件 dblclick()雙擊事件 mouseenter()鼠標進入元素區域事件 mouseleave()鼠標離開事件 mousedown()鼠標按下事件 mouseup()鼠標松開事件 hover()鼠標進入和離開各觸發一個事件,,, focus()選中目標時發生事件 blur()選中后離開觸發事件
調用內容
$("#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"));});修改內容
$("#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 標簽創建文本 var txt2=$("<p></p>").text("文本。"); // 使用 jQuery 創建文本 var txt3=document.createElement("p"); txt3.innerHTML="文本。"; // 使用 DOM 創建文本 text with DOM $("body").append(txt1,txt2,txt3); // 追加新元素}未完待續…
新聞熱點
疑難解答
