1、dom 对象的三个查询方法
1、使用getElementsById方法查询;2、如果没有Id属性使用getElementsByName ;3、以上两种都没有按照标签名查询getElementsByTagName。(注意:以上三种一定要在页面加载完成后执行,才能查询到标签对象)
2、jQuery 对象
1、jQuery 对象是通过 jQuery 包装 DOM 对象后产生的对象,且是 jQuery 独有的,如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法 ;2、虽然 jQuery 对象是包装 DOM 对象后产生的,但是 jQuery 无法使用 DOM 对象的任何方法,同理 DOM 对象也不能使用 jQuery 里的方法,乱使用会报错。
3、相互转换
1.jQuery转dom
因为jQuery是一个类数组对象,可以使用jQuery[index]获取数组中保存的dom对象,也可以使用jQuery中的get方法。当get方法不传参时,也会将jQuery转换成数组。
2.dom转jQuery
将dom对象放入jQuery的入口函数( $() )的内部,就会将该dom元素转换为一个jQuery对象 。
DOM对象 :var domObj = document.getElementById("id");
jQuery对象 :var $obj = $("#id");
4、window.onload与$(document).ready()
window.onload:必须要等待网页中所有内容加载完毕后(包括图片)才可以执行。
$(document).ready(function(){}):当网页中所有DOM结构绘制完毕后就执行(相关的东西可以没有加载完)。
5、jQuary属性操作
html() :设置和获取起始标签和结束标签中的内容。和dom属性innerHTML相同
text():可以设置和获取起始标签和结束标签中的文本。和dom属性innerTEXT相同
val():可以设置和获取表单项的value值。和dom属性value相同