.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));//找位置
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(){
//写内容
}
})
