jQuery选择器及jQuery事件

一、jQuery选择器

选择器允许您对元素组或单个元素进行操作。
jQuery元素选择器和属性选择器允许您通过标签名、属性名或内容对HTML元素进行选择。

1、jQuery元素选择器
jQuery使用css选择器来选取HTML元素。

$("p")选取<p>元素。
$("p.intro")选取所有class="intro"的p元素。
$("p#demo")选取所有id="demo"的<p>元素。

2、jQuery属性选择器
jQuery使用XPath表达式来选择带有给定属性的元素。

$("[href]")选取所有带有href 属性的元素。
$('[href = '#']')选取所有带有href值等于"#"的元素。
$("[href != '#']")   选取所有带有href值不等于"#"的元素。
$('[href $= '.jpg']')选取所有href值以" .jpg "结尾的元素。

3、jQuery CSS选择器
jQuery CSS选择器可用于改变HTML元素的CSS属性。
实例：

$('p').css('background-color',"red");

二、jQuery事件

jQuery事件时为事件处理特别设计的。
jQuery事件处理方法是jQuery中的核心函数。
事件处理程序指的是当HTML中发生某些事件时所调用的方法。术语由事件”触发“经常被使用。
通常会把jQuery代码放到部分的事件处理方法中。

2.1 jQuery名称的冲突

 jQuery 使用$符号作为jQuery的简介方式。
 某些其他JavaScript库中的函数(比如:Prototype)同样使用$符号。
 jQuery使用名为noConflict()的方法来解决该问题。
 var jq = jQuery.noConflict(),帮助使用自己的名称来代替$符号。
 ![这里写图片描述](https://img-blog.csdn.net/20160406202509779)

结论：
由于jQuery是为处理HTML事件而特别设计的，那么当您遵循以下原则时，您的代码会更恰当且更易维护:

• 把所有jQuery代码置于事件处理函数中
• 把所有事件处理函数置于文档就绪事件处理器中
• 把jQuery代码置于单独的.js文件中
• 如果存在名称冲突，则重命名jQuery库

2.2 jQuery事件

• $(document).ready(function) :将函数绑定到文档的就绪事件中(当文档加载完成时)
• $(selector).click(function): 触发或将函数绑定到被选元素的点击事件
• $(selector).dbclick(function): 触发或将函数绑定到被选元素的双击事件
• $(selector).focus(function): 触发或将事件绑定到被选元素的获得焦点事件
• $(selector).mouserover(function): 触发或将函数绑定到被选元素的鼠标悬停事件