10分でJQueryドキュメントの操作、初心者と面接の必読を全面的に理解します.
3471 ワード
1挿入
1.1 append()
1.2 appendTo()
1.3 prepend()
1.4 prependTo()
1.5 before()
1.6 insertBefore()
1.7 after()
1.8 insertAfter()
2種類の操作
2.1 addClass()
2.2 hasClass()
2.3 removeClass()
2.4 toggleClass()
3属性アクション
3.1 attr()
3.2 removeAttr()
4小包
4.1 wrap()
4.3 wrapAll()
1.1 append()
// ( )
$("#myDiv").append("42du.cn");
1.2 appendTo()
// ( )
$("42du.cn").appendTo($("#myDiv"));
1.3 prepend()
// ( )
$("#myDiv").prepend("42du.cn");
1.4 prependTo()
// ( )
$("42du.cn").prependTo($("#myDiv"));
1.5 before()
// ( )
$("#myDiv").before("42du.cn");
1.6 insertBefore()
// ( )
$("42du.cn").insertBefore($("#myDiv"));
1.7 after()
// ( )
$("#myDiv").after("42du.cn");
1.8 insertAfter()
// ( )
$("42du.cn").insertAfter($("#myDiv"));
2種類の操作
2.1 addClass()
//
$("#myDiv").addClass("red");
2.2 hasClass()
//
$("#myDiv").hasClass("red");
2.3 removeClass()
//
$("#myDiv").removeClass("red");
2.4 toggleClass()
// , ,
$("#myDiv").toggleClass("red");
3属性アクション
3.1 attr()
//
$("#myDiv").attr("class");
//
$("#myDiv").attr("class","red");
3.2 removeAttr()
//
$("#myDiv").removeAttr("class");
4小包
4.1 wrap()
// HTML , :$(selector).wrap(wrapper) // id myDiv div $("#myDiv").wrap("
");
4.2 unwrap()
//
$("#myDiv").unwrap();
4.3 wrapAll()
// HTML //
$("p").wrapAll("
")4.4 wrapInner()
// HTML , $("#myDiv").wrapInner("");
5クローン
5.1 clone()// , 、 // p , div $("#myDiv").append($("p").clone());
6
6.1 detach()// , , , $("myDiv").detach();
6.2 remove()// , , , $("myDiv").remove();
6.3 empty()// $("myDiv").empty();
7その
7.1 html()// (inner HTML) $("#myDiv").html(); // (inner HTML) $("#myDiv").html("Hello 42du.cn");
7.2 text()// $("#myDiv").text(); // $("#myDiv").text("Hello 42du.cn");
7.3 val()// $("#username").val(); // $("#username").val(" ");
8まとめ
では、JQueryドキュメントの の な を にまとめ、 さんの に つことを っています. の は1 、もし いがあれば、コメントしてください.