Jquery百宝箱

<script src="https://blog-static.cnblogs.com/files/dongxiaodong/jquery-3.3.1.min.js"></script>

$("#pidx")

1 $("div") //查找到所有
2 $("p").eq(0) //查找到第0个

$(".pclassx")

$("#div4id p") //id为div4id标签下的p标签

$("p,span")   //查找p标签和span标签

1 $("[dong]")
2 $(‘[type="checkbox"]‘)

$(".cdiv1").text()

$(".cdiv1").html()

$(".cdiv1").text("123<br/>456")//无换行效果
$(".cdiv1").html("123<br/>456")//有换行效果，解释HTML

$(".cdiv2").append("东小东<br/>dong")//有换行效果

$(".cdiv2").prepend("东小东<br/>dong")//有换行效果

$(".cdiv2").before("东小东<br/>dong")//有换行效果

$(".cdiv2").after("东小东<br/>dong")//有换行效果

$("div").attr("class")

$("div").attr("class","cdiv2")

$("input").attr({
    "class":"cdiv2",
    "value":"dddxxxddd"
})

$("div").removeAttr("style");

alert($("div").prop("id"));//获取属性值
$("div").prop("style","Color:green");//设置属性值

$("input").val()

$("input").val("dongxiaodong")

$("div").addClass("c2");//添加样式
$("div").removeClass("c1");//移除样式 
$("div").toggleClass("c1");//添加和移除切换
alert($("div").hasClass("c1"));//得到是否存在某个class，返回bool

$(".cdiv1").css("backgroundColor","red");

$(".cdiv2").css({
    width:"100px",
    height:"100px",
    backgroundColor:"green"
});

 1 function clickfun1(e){
 2     alert("东小东1");
 3 }
 4 function clickfun2(e){
 5     alert("东小东2");
 6 }
 7 //对应有bind、unbind ，用法一致
 8 $(".pclassx").on("click",clickfun1);//绑定事件
 9 $(".pclassx").on("click",clickfun2);
10 //$(".pclassx").unbind("click");//解除所有点击事件
11 $(".pclassx").off("click",clickfun2);//只解除事件2

$("#divid").click(function(){
       //*******
});

1 e.stopImmediatePropagation();//阻止父级标签事件发生
2 e.stopImmediatePropagation();//阻止除当前事件外的所有事件发送

1 $(document).ready(function(){
2     alert("页面加载完毕2");
3 });

var dong=$.noConflict();

$.cookie("namex","valuex"); //设置
alert($.cookie("namex")); //获取

1 alert($(window).scrollTop());//得到浏览器滚动条位置
2 $(window).scrollTop(0);//设置为0，顶部
3 //$("div").scrollTop(10);//设置带有滚动条的其它标签

1 alert($(window).scrollLeft());
2 ……

$(".cdiv2").remove()

$(".cdiv2").empty()

$("#div2id").children().css("background","red");

$("#div2id").find("#div4id").css("background","red");

$(‘div‘).each(function(i){
   //alert(i);  //获取当前下标
   if(i==0){return true;} //中断当次循环
   $(this).addClass("c1");
   //return false;  //终止循环
    
});

parent()

parents()

$("#div4id").parentsUntil("#div1id")

$("#pid").siblings().css("background","red");

$("#pid").next().css("background","red");

$("#pid").nextAll().css("background","red");

$("#pid").nextUntil("#pid2").css("background","red");

prev();    prevAll();    prevUntil("#pid")

$("div").filter("#div2id").css("backgroundColor","red");

$("div").not("#div2id").css("backgroundColor","red");

$(".cdiv1").fadeIn(1000);

$(".cdiv2").fadeOut(2000);

$(".cdiv2").fadeToggle(1000);

$(".cdiv2").fadeTo(1000,0.8);

$(".cdiv1").show(2000);

$(".cdiv1").hide(2000);

$(".cdiv1").toggle(2000);

$("p").click(function(){
    $(this).hide();
});

$(".cdiv1").slideDown(2000);

$(".cdiv1").slideUp(2000);

$(".cdiv1").slideToggle(2000);

$(".cdiv1").css("backgroundColor","red").hide(2000).slideDown(2000);