版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/skye_95/article/details/81975547
1.js获取DOM对象
var btn = document.getElementById("btnShowDiv");
var divs = document.getElementsByTagName("div");
DOM对象的方法和属性
domObject.innerHTML = "dom对象设置文本";
domObject.style.display= "block";//dom对象显示对象
domObject.onclick = function() {}//dom对象绑定事件
domObject.value;//dom对象的值
2.jQuery获取对象
$("div");//标签选择器返回的jquery对象
$("#btnShowDiv");//id选择器返回的jquery对象
jQuery对象的方法
var $obj = $("div");
$obj.html("jquery对象设置文本的方法");
$obj.show();//jquery对象显示文本
$obj.click(function() {});//jquery对象绑定事件
$obj.val();//jquery对象的值
3.jQuery对象与DOM对象的转换
jQuery对象和DOM对象可以相互转换,但是两个对象的函数不能彼此混搭使用。
DOM对象转换成jQuery对象,语法:jQuery(dom对象)或$(dom对象)
var $obj = $(domObj);
// $(document).ready(function(){});就是典型的DOM对象转jQuery对象
jQuery对象转换成DOM对象,语法:$username[index]
//其实jQuery对象转DOM对象的实质就是取出jQuery对象中封装的DOM对象
var $li = $(“li”);
//第一种方法(推荐使用)
$li[0]
//第二种方法
$li.get(0)
4.js页面加载
window.onload = function(){
alert("js页面加载");
}
jquery页面加载
$(document).read(function(){
alert("jQuery页面加载");
});
或
$(functon(){
alert("jquery页面加载");
});