JQuery介绍

JQuery是一个JS库:里面封装了各种各样的JS方法
用户在使用JQuery的时候,只需要调用jQuery的方法
即可完成相对复杂的功能,没必要自己去定义相关的方法
JS和JQuery的文档就绪函数
 
  
js的文档就绪函数
document.getElementById("text1"):返回的是JS类型的对象
window.onload = function () {
    document.getElementById("text1").innerHTML = "ccy1";
   
};

jquery文档就绪函数1
$("#text2"):返回的是jquery类型的对象
$(document).ready(function () {
    $("#text2")[0].innerHTML = "ccy2";
});
jquery文档就绪函数2---精准
$(function () {

});

JS对象和JQuery对象的转换
 
  
转换1:js对象转换成jquery对象
 $():jquery对象的转换工厂,可以把js对象转换成jquery对象
var jsObj = document.getElementById("text");
var jqueryObj = $(jsObj);//js对象转换成jquery对象
jqueryObj.hide();

 
  
通过$()获取的元素都是数组类型的,可以通过索引获取数组里的元素,得到的元素就是js类型的
转换2:jquery对象转换成js对象
var jqObj = $("#text2");
var jsObj = jqObj[0];
jsObj.innerHTML = "jredu";





你可能感兴趣的:(JQuery介绍)