jQuery入门笔记

jQuery入门使用

jQuery的语法结构

$(selector).action() ;

工厂函数 $() ：将DOM对象转化为jQuery对象
选择器 selector：获取需要操作的DOM 元素
方法action()：jQuery中提供的方法，其中包括绑定事件处理的方法
“$”等同于“ jQuery ”

jQuery对象与DOM对象

DOM对象：直接使用JavaScript获取的节点对象

var objDOM = document.getElementById("title");
var objHTML = objDOM.innerHTML;

jQuery对象：使用jQuery包装DOM对象后产生的对象，它能够使用jQuery中的方法

$("#title").html();
等同于
document.getElementById("title").innerHTML;

提示：DOM对象和jQuery对象分别拥有一套独立的方法，不能混用

DOM对象与jQuery对象的转换(了解)

DOM对象转jQuery对象:

var txtName = document.getElementById("txtName");
var $txtName = $(txtName);
/*
jQuery对象命名一般约定以$开头
在事件中经常使用$(this) this是触发该事件的对象
*/

jQuery对象转DOM对象：

/*
jQuery对象是一个类似于数组的对象
可以通过[index] 的方法得到相应的DOM对象
*/
var $txtName = $("#txtName");
var txtName = $txtName.get(0);