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

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);