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

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

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

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

1 $(document).ready((){
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((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((){
    $(this).hide();
});

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

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

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

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

判断页面滚动到顶部和底部
$(window).scroll((){
    var doc_height = $(document).height();
    var scroll_top = $(document).scrollTop(); 
    var window_height = $(window).height();

    if(scroll_top == 0){
        alert("到顶啦");
    }else if(scroll_top + window_height >= doc_height){
        alert("到底啦啦");
    }
});