$(document).ready(function(){
$("p").text("123456");
})
指定文本写入标签
$(document)意思是说,获取整个网页文档对象(类似的于window.document),$(document).ready意思就是说,获取文档对象就绪的时候,检查完就可以执行此操作,速度快。window.onload = function(){ ... } . 是需要等网页加载完毕才可以执行操作。
隐藏与显示
<script type="text/javascript">
$(document).ready(function(){
$("#bt").click(function () {
$("div").hide(500);
});
$("#bs").click(function () {
$("div").show();
});
})
</script>
<div></div>
<input type="button" id="bt" value="隐藏"/>
<input type="button" id="bs" value="显示"/>
使用$()方法获取指定元素,然后利用hide()方法隐藏元素。
$(selector).show(speed,callback);
可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
示例
$("button").click(function(){
$("p").hide(1000);
});
使用 toggle() 方法来切换 hide() 和 show() 方法。显示被隐藏的元素,并隐藏已显示的元素:
$("button").click(function(){
$("p").toggle(500,functio(){
});
});
如何判断还不明白
规则
$(selector).action()
注意:
.selector是选择,类似于CSS选择器,获取对象,
.action()是要对jQuery对象行的操作
$是jQuery的简写
通过js原生方法获取的元素就是DOM对象,或者DOM对象集合。代码如下:
document.getElementById()//获取dom对象
document.getElementsByTagName()//获取dom对象集合
对象的转换
var odiv=document.getElementById("#ant");
var $div = $(odiv);
上面的代码是将dom对象转换为jQuery对象。jQuery对象是一个集合,从集合中获取的每一个元素都是DOM元素: