特性
.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(){ //写内容 } })