jQuery?
?? 1.特點:?
?? 小巧?
?? 功能強?
?? 跨瀏覽器?
?? 插件?

?? 2.使用?
??? 實際是js文件?
??? a)? 復制js到WebRoot?
??? b)? 頁面<script src="jquery.js" charset=""></script>?

?? 3.核心對象及常用方法和屬性?
???? a)名稱?
???? jQuery和$?
???? 用$找出來的對象叫jQuery對象?
???? 用document找出來的對象叫Dom對象?
?????
???? b)dom和jquery對象轉換?
???? jQuery對象.get(0) --->dom對象?
???? $(dom對象)--->jQuery對象?
????
???? c)jQuery對象方法?
????? .show() 顯示?
????? .hide() 隱藏?
????? .toggle() 顯示或隱藏切換?
????? $("div").hide();?
????? $("#myid").show();?
????? $(".myclass").show(100);?

????? .size() 找到多少個對象?
????? var n = $("div").size()?

????? 文本框賦值(value)?
????? $("#myid").val(123);?
????? .val()取值?

????? 層的內容.innerHTML/.innerText?
????? $("div").html() ;?
????? $("div").html(123);?
????? $("div").html("<input type=button>");?
????? $("div").text("<input type=button>");?

????? 樣式 document....style.color="red"?
????? $("div").css("color","red").css("font-size","18");?
????? $("div").css({color:"red","font-size":18});?

????? 刪除?
????? $("div").remove(); 刪除所有div?

????? 添加?
????? 父加子: $("div").append("<input button>");?
????????????? $("div").append( $("#myid") );?
????? 子加父?
?????????? $("input").appendTo(? $("div") );?

????? 對象屬性?
??????? $("input").attr("checked",true);?

????? 去首尾空格:?
???????? $.trim(字符串)?
$("div").each(? function(i,obj){}? );?
$.post(url,function(x){});?
$.post(url,{鍵:值},function(x){});?
$.getJSON(url,function(x){//這里x已轉成json了，不要用eval});?

????? 克隆?
??????? $("div").clone();?

4. 選擇器?
??? a) 類選擇器?
?????? <input type=text class="myclass">?
?????? $(".myclass")???? 找多個?
??? b) id選擇器???
?????? <input type=text id="myid">?
?????? $("#myid") 找一個?
?????? 相當于:document.getElementById("myid")?
??? c) 標記選擇器?? 找多個?
?????? $("div,span")?
?????? 相當于document.getElementsByTagName()?
??? d) 表單選擇器?
?????? $(":text")?? 所有文本框?
?????? $("input[type=text][value='']")?

?????? $(":radio")? 所有單選框?
?????? $(":checkbox") 所有復選框?
??? e) 表單屬性選擇器?
?????? $(":checkbox:checked")或$(":checked:checkbox")?
?????? $(":checked")? 找所有選中（單選框和復選框)?
?????? $(":selected") 找所有選中列表框?
??? f) 層級選擇器?
?????? 父找子 d找c?
?????? $("table").find("tr")? //找子孫都可以?
?????? $("table>tbody>tr") 找所有tr?
?????? $("table>tbody>tr:first") 找第一行?
?????? $("table>tbody>tr").eq(0) 找第一行?
?????? $("table>tbody>tr:odd")?? 所有奇數行?
?????? $("table>tbody>tr:even")? 所有偶數行?

?????? 子找父?
?????? $("tr").parent()?

?????? 找兄弟?
?????? $(a).next() 下一個?
?????? $(b).prev() 上一個?

轉載于:https://www.cnblogs.com/Look_Sun/archive/2011/01/06/1927758.html

總結

以上是生活随笔為你收集整理的jQuery必知必熟基础知识的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。