jQuery与js

版权声明：本文为博主原创文章，未经博主允许不得转载。 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页面加载");
});