JQuery中如何查找元素节点

JQuery
1、1.0 系列兼容到 IE6
2、2.0 3.0 系列只能兼容到 IE8 以上 JQ 中如何查找元素节点 $(字符串 )
JQ 中如何查找元素节点
1、参数：必须 css 选择器形式的字符串 参考 css 选择器的参考手册

window.onload = function(){ 
	$("[name=hello]").css("backgroundColor", 'green'); 
}
<input type="text" name = 'hello'>

2、独有的表达式 （1）选中方式 first，last，odd（所有下标为基数），even（所有下 标为偶数位），eq（x）指定某个下标。

window.onload = function(){ 
	$("li:eq(2)").css("backgroundColor", 'pink');//指定某一个 li 节点 
}

3、支持多种筛选方式

window.onload = function(){ 
	$("li").filter(".box").css("backgroundColor", 'blue'); 
}

JQ 的写法特点
1、方法函数化（基本上在 JQ，基本不用=号，都是通过函数调用的 方式完成一些操作）

$(function(){
 //给页面上所有的 li 节点添加点击事件 
 	$("li").click(function(){
 		 this.style.backgroundColor = 'red'; 
 	})
//给他添加移入移出 
	$("li").mouseover(function(){ 
		this.style.backgroundColor = 'black'; 
	})
	$("li").mouseout(function(){ 
		this.style.backgroundColor = 'blue'; 
	})

2、链式操作

$(function(){ 
//给页面上所有的 li 节点添加点击事件
	 $("li").click(function(){
	 	this.style.backgroundColor = 'red'; 
	 }).mouseover(function(){ 
	 	this.style.backgroundColor = 'black'; 
	 }).mouseout(function(){
	  	this.style.backgroundColor = 'blue'; 
	  }).css("backgroundColor", 'pink');

3、取值赋值一体化

// 如果获取标签间内容 innerHTML
 // 取值 
 alert($("#div1").html()); 
 // 赋值 
 $("#div1").html("hello world");

如果还想了解更多JQuer的知识怎么办？
给大家推荐一个免费学知识的好去处，B站搜索码农雨飞了解跟多javascript知识，内有全套视频讲解，免费获取视频内的代码。
下面附送连接：B站码农雨飞主页