jquery基礎(一)

$("#xia")和jquery("#xia")是等價的


用#id作爲選擇符獲取的是jquery對象而並非是document。getElementById("id")所得到的Dom對象


分清楚dom對象和jquery對象的區別以後學jquery會輕鬆橫多
 var $variable = jquery 對象 example//   var $xia=$("#xia"); 這是獲取jauery對象實例
  var  variable = dom 對象  var xia=$xia[0];
  
  
  dom對象轉換爲jquery 對象
   var xia=document。getElementById(“xia”);  //dom 對象
   var $xia=$("xia"); //jquery 對象
     //dom對象纔可以用dom方法 jquery 對象不可以直接使用都沒方法,要講dom對象轉化爲jquery對象纔可以使dom方法
  
  
  平時用到的jquery對象都是通過$()函數製造出來的 $()函數就是一個jqury對象製造工廠
  
  
 選擇器是jquery的根基 在jquery中對事件的處理、遍歷dom和ajax操作都依賴於選擇器
 
 if($("#xia")){
 ///do something
 }
 
 $("#id").css("background","black")//改變id爲id的元素的背景色
  $("#id, .ccc").css("background","black")//分別改變id爲id的元素和類爲ccc的元素的背景色


jquery 層次選擇器(部分)
 $("parent>child")// example $("div>li")  選取div下的子元素li
 $("prev+next") //  example $(".xia+div") 選取class爲xia的下一個div元素
 $("prev-siblings")


jquery過濾選擇器
$("div:first").css("background","black")
$("div:not(.one)").css("background","black")
 $("div:even").css("blackground","black")
 $("#tb tbody tr:even").css("blackground","black")
 
 如果css樣式中有#或是點的不能用普通的方式獲取要使用轉義字符
發佈了15 篇原創文章 · 獲贊 2 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章