初识jQuery

jQuery简介

jQuery由美国人John Resig于2006年创建
jQuery是目前最流行的JavaScript程序库，它是对JavaScript对象和函数的封装
它的设计思想是write less,do more
jQuery语法结构
工厂函数$()：将DOM对象转化为jQuery对象 选择器 selector：获取需要操作的DOM 元素 方法action()：jQuery中提供的方法，其中包括绑定事件处理的方法 **jQuery操作页面元素** 使用addClass( )方法为元素添加样式 使用css( )方法设置元素样式 使用show( )、hide( ) 方法设置元素的显示和隐藏 jQuery代码风格 “$()：将DOM对象转化为jQuery对象选择器selector：获取需要操作的DOM元素方法action()：jQuery中提供的方法，其中包括绑定事件处理的方法∗∗jQuery操作页面元素∗∗使用addClass()方法为元素添加样式使用css()方法设置元素样式使用show()、hide()方法设置元素的显示和隐藏jQuery代码风格“”等同于“ jQuery ”
$(document).ready()=jQuery(document).ready()
$(function(){…})=jQuery (function(){…})
链式操作
对一个对象进行多重操作，并将操作结果返回给该对象
$(“h2”).css(“background-color”,"#ccffff").next().css(“display”,“block”);
DOM模型
浏览器把HTML文档的元素转换成节点对象，所有节点组成了一个树状结构
DOM对象和jQuery对象
var objDOM=document.getElementById(“title”);

var objHTML=objDOM.innerHTML;
jQuery对象：使用jQuery包装DOM对象后产生的对象，它能够使用jQuery中的方法
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲title").html( )…()函数进行转化：$(DOM对象)
var txtName =document.getElementById(“txtName”);
var $txtName =$txtName=(txtName);
注意
jQuery对象命名一般约定以$开头

在事件中经常使用$(this)，this是触发该事件的对象