jque

// 返回顶部
    // window.onscroll=function(){
    //     console.log(screenY);
    //     if(scrollY>100){
    //         document.getElementById("gd").style.display="block";
    //     }else{
    //         document.getElementById("gd").style.display="none";
    //     }
    // document.getElementById("gd").onclick=function(){
    //     window.scrollTo(0,0)}

    // js节点
    // parentNode: 父级节点 only
    // childNodes: 子级节点集 多个包括回车
    // firstChild: 第一个子级节点
    // lastChild: 最后一个子级节点
    // nextSibling: 同级下一个节点
    // previousSibling: 同级上一个节点

    // js事件冒泡
    // document.getElementById("aa").onclick = function () {
    //     alert("1");

    // }
    // document.getElementById("ad").onclick = function (e) {
    //     alert("2");
    //     e.stopPropagation(); 加入后子级元素不在执行父级元素的点击事件
    // return false;
    // js只会阻止自身默认行为, jq阻止默认又防止冒泡;
    // e.preventDefault();
    // 取消事件的默认动作;
    // }
    // jQuery
    // // hover事件
    // $("ul li").hover(function(){
    //     $(this).css("color","green")
    // },function(){
    //     $(this).css("color","brown")
    // });
    // 获取内容: text();html();val();
    // 设置赋值: text(val);html(val);val(val);
    // 获取属性: attr();
    // 设置赋值: attr(‘href’, val);
    // css() 设置或返回样式的属性;
    // 返回属性css('proname')
    // 设置单个属性css('proname', 'val')
    // 设置多个属性css({'pr1': 'val1','pr2': 'val2})

    // 添加class/删除class
    // $("#aa").addClass("p")
    // // 删除元素
    // $("#aa").removeClass("p")
    // $(div).hasClass() 判断是否有某个clss名;
    // $(div).toggleClass() 有此名就删除。 没有就添加
   //获取宽高
    // $(div).width();
    // $(div).height();(内容的宽高)
    // $(div).innerWidth() 宽度( 包括内边距)
    // $(div).innerHeight()
    // $(div).outerWidth() 宽度( 包括内边距和边框)
    // $(div).outerHeight()
    // 添加/删除元素
    // $(".ve1").append("<p>威威</p>");  在被选元素结尾插入内容
    // $(".ve1").prepend("<P>wewe</P>");在被选元素的开头插入内容
    // $(".ve1").after("<P>sds</p>");在被选元素之后插入内容
    // $(".ve1").before("<p>啦啦啦</p>");在被选元素之前插入内容
// 遍历
// 祖先:$(div).parent();$(div).parents()
// 后代:$(div).children();$(div).find(加限制)
// 同胞:$(div).siblings()
// $(div).eq()索引号元素

posted on 2020-05-08 18:46  vermouthmo  阅读(234)  评论(0)    收藏  举报

导航