jQuery常见方法

常见方法

1. .text()：设置input标签中value的值,类似于value
2. .html()：设置标签中间显示其他标签及内容,类似于innerHTML
3. .val()：设置input标签中value的值,类似于value
4. index():会返回当前元素在所有兄弟元素的索引。

    <script>
        $(function(){
            $("#btn").click(function(){
                // 1. .html()方法,
                //2.  .text()方法,
                //3.  .val()方法.
                //4. .css()方法,.设置元素的样式,类似于style

                //1.html()方法 设置标签中间显示其他标签及内容,类似于innerHTML
                //点击按钮的时候向div中添加一个span标签       
                $("#div").html("<span>这是一个span标签</span>");
                console.log($("#div").html());
                //.html()方法相当于DOM中的innerHTML
                //.html();小括号中可以直接写标签的字符串内容,就是设置div中的元素内容;
                //.html();小括号中什么也没有,表示的时候获取div中的元素内容
                
                //2.text()方法 设置标签中间显示的文本内容,类似于innerText
                //设置span标签里的内容为：我是一个行内标签；
                $("span").text("我是一个行内标签");
                console.log($("span").text())
                //.text()方法相当于DOM中的innerText;
                //如果.text();小括号什么也不写,表示的是获取这个元素中的文字内容;

                //3.val()方法  设置input标签中value的值,类似于value
                // 设置input标签中value的值:这不是你想象中的文本框;
                $("#txt").val("这不是你想象中的文本框");
                //.val()方法，小括号中写内容就是设置元素的value属性;
                //.val()方法,小括号中什么也不写,获取元素的value属性的值;
        });
    </script>

5. width()和height():获取到的只是数字，没有单位；只能获取width的值 不包括内边距
6. innerWidth():padding+width
7. outerWidth():padding+width+border
8. outerWidth(true):padding+width+border+margin
9. scrollTop()和scrollLeft():设置或获取垂直滚动条的位置
10. offset 方法和position方法：offset方法获取元素距离document的位置，position方法获取的是元素距离有定位的父元素的位置。

  <script>
    $(function(){
      $(window).scroll(function(){
        //到什么位置吸顶
        if($(window).scrollTop() > $(".top").height()){
          $(".nav").addClass("fixed");
          $(".main").css("marginTop",$(".nav").height() + 10);
        }else{
          $(".nav").removeClass("fixed");
          $(".main").css("marginTop",10);
        }
      })
    });
  </script>

• mouseover和mouseenter的不同点：mouseover:不论鼠标指针穿过被选元素或其子元素都触发事件；而Mouseenter:只有鼠标指针穿过被选元素时，才会发生事件。