特性 


        .wrap{
            width: 100px;
            height: 100px;
            display: none;
        }
        </style>
        <script>
            $(function(){
                alert($(".wrap").get(0).offsetWidth);//这样原生是获取不到他的宽度的因为被隐藏了
                alert($(".wrap").outerWidth());//jquery的就能获取被隐藏的
            })
        </script>

        <div class="wrap">
        </div>

        <style type="text/css">
        .wrap{
            width: 100px;
            height: 100px;
            display: none;
        }
        </style>
        <script>
            $(function(){
                $('div').html();//他能把标签转文本
                $("div").text();//获取所有的文本里面的标签是获取不到的
            })
        </script>
        <div>
            div<span>span</span>
        </div>

        <style type="text/css">
        .wrap{
            width: 100px;
            height: 100px;
            background: red;
        }
        </style>
        <script>
            $(function(){
                $("div").remove();//如果删除了他之前的所有操作都无效了
                $("div").detach();//跟reomve一样但是他会保存元素之前的操作行为
            })
        </script>

    <body>
        <div></div>
    </body>





<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style type="text/css">
        .wrap{
            width: 100px;
            height: 100px;
            background: red;
        }
        </style>
        <script>
            $(function(){
                //parents获取当前元素的所有祖先节点，如果添加参数就是筛选功能
                $("#div2").parents().css("background","red");
                //closest()获取最近的祖先节点，包括当着元素自身,必需要有参数,只能找到一个元素
                $("#div2").closest("body").css("background","red");
                //siblings()找所有的兄弟节点，参数也是筛选功能
                //next()找下一个兄弟节点
                //nextAll()找下面所有的兄弟节点，参数也是筛选功能
                //prev()找上一个兄弟节点
                //prevAll()找上面所有的兄弟节点，参数也是筛选功能
                //Until();到哪个位置截止      nextUntil()   prevUntil()  parentsUntil()
                //appendTo() appendChild()  把元素剪切  
                //clone()  复制操作，可以接受一个参数，作用可以复制之前的操作行为true
                //wrap  包装（在一个外面包装一层标签）  $("div").warp("<div>");
                //wrapAll() 整体包装   把指定元素（所有）包装在一个标签里
                //wrapinner()  内部包装  
                //unwrap()  删除包装(删除父级:但不包括body)
                //add()   组合元素
                //slice(1,4)  截取指定范围,和数组里的slice方法是一样的
                //serialize() 数据串联
                $("form").serialize();//a=1&b=2&c=3
                //serializeArray(); 数据串联格式化成数组  
            })
        </script>
    </head>
    <body>
        <div id="div1">aaa
          <div id="div2">bbb</div>
        </div>
        
        <form>
            <input type="text" name="1" value="1" />
            <input type="text" name="2" value="2" />
            <input type="text" name="3" value="3" />
        </form>
    </body>
</html>

 

$().css()   $().val()  //:只能给jq对象用
$.xxx()   //不仅给jq用也给原生用，工具方法
var arr=["a","b","c"];
alert($.inArray("b",arr));//找位置
proxy()  //改变this指向
noConflict();//防止冲突
var miav=$.noConflict();
miav(function(){
});
var str='{"name":"hello"}';
alert(($.parseJSON(str).name));
var aDiv=document.getElementsByName("div");
$.makeArray(aDiv).push();//makeArray把类数组转为真的数组

 

$.extend({//扩展工具方法  $.leftrin();
leftrin:function(){
    //写内容
    }
});
                
$.fn.extend({//扩展jq对象下的方法
drag:function(){
    //写内容
    }
})

 

 

 

 

posted @ 2015-11-07 09:21  Mi文  阅读(152)  评论(0)    收藏  举报