轉自：微點閱讀??https://www.weidianyuedu.com

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() 上一個?

總結

以上是生活随笔為你收集整理的jQuery 教程 jQuery入门学习教程的全部內容，希望文章能夠幫你解決所遇到的問題。

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