jquery基础内容,jquery知识
jQuery选择器基础入门教程
本文实例讲述了jQuery选择器用法。分享给大家供大家参考，具体如下：
什么是jQuery选择器
使用JavaScript操作页面上得DOM元素时，首先要获取DOM元素。但是原始的javascript只元件根据ID或者TagName获取DOM对象。
在jQuery中则完全不同，jQuery提供了异常强大的选择器用以帮助我们获取页面上的对象，并且将对象以jquery对象的形式返回。
首先来看看什么是选择器。
//根据id获取jQuery对象
var
jQueryObject=$("#testDiv");
上例中使用了id选择器，选取id为testDiv的DOM对象并将它放入jQuery对象，最后返回了一个jQuery对象。
现在通过jQueryObject变量就可以操作testDiv图层了，因为jQueryObject是一个jQuery对象，所以可以使用所有的jQuery对象方法。比如修改图层中的HTML内容：
jQueryObject.html("修改后的HTML内容");
通过ID选中元素是最有效率的jQuery选择器。这是因为在原始的javascript中就提供了选中id的方法document.getElementById()。有关选择器的使用技巧将在后面提到。
jQuery选择器的强大在于提供了丰富的选择器，如果使用原始javascript则需要编写很多的代码才能实现。这极大减少了开发人员的工作量。
jQuery选择器核心函数
jQuery选择器调用的是jQuery核心函数：
jQuery(EXPRESSION,[econtext]);
这个函数接收一个包含选择器表达式的字符串，然后用这个字符串去匹配一组元素。
jQuery的核心功能都是通过这个函数实现的。jQuery中的大部分功能都基于这个函数，或者说都是在以某种方式使用这个函数。该函数最基本的用法就是向他传递一个表达式（通常由CSS选择器组成），然后根据这个表达式查找所有匹配的元素。
默认情况下，如果没有指定context参数，$()将在当前的HTML
document中查找DOM元素：如果指定了context参数，如一个dom元素集jQuery对象，则会在这个context中查找。在jQuery1.3.2以后，其返回的元素顺序等同于在context中出现的先后顺序。
参数说明如下：
~Expression：必选参数，选择器表达式。
~Context：可选参数，选择器上下文
~jQuery，选择器返回的jQuery对象，jQuery对象，jQuery对象是一个集合，可以使用链式语法调用各种jQuery函数。
Context参数能够缩小选择器的范围，加快查找速度。
更多关于jquery相关内容感兴趣的读者可查看本站专题：《jquery选择器用法总结》、《jquery常用操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery操作json数据技巧汇总》、《jQuery操作xml技巧总结》及《jQuery扩展技巧总结》
希望本文所述对大家jquery程序设计有所帮助。
前端开发JS框架之jQuery的基础知识分享
jQuery对象是通过jQuery包装DOM对象后产生的对象
注意：jQuery对象只能使用jQuery里的方法，DOM对象只能使用DOM对象的方法
基本选择器
层级选择器：
基本筛选器：
属性选择器：
表单筛选器：
筛选器方法：
jQuery的一些方法：
注意：对于标签上有的能够看到的属性和自定义属性用attr()方法
对于返回布尔值比如checkbox，radion，option这三个标签是否被选中，用prop方法
事件绑定方式：
注意：DOM定义的事件可以用 .on()方法来绑定事件，但是jQuery定义的事件就不可以
常用事件有：
移除事件：把on改成off，就是移除 .on()绑定的事件
阻止后续事件执行：事件函数中添加 return false; (常用于阻止表单提交等）或者e.preventDefault()
阻止事件冒泡：添加e.stopPropagation()
利用父标签去捕获子标签的事件
推荐阅读：
前端开发框架之jQuery 和 Vue 的选择
前端开发之15个jQuery小技巧分享
前端开发之JQuery入门基础操作
前端开发框架jQuery的优势与基础知识分享
jquery中有哪些基础事件方法
jquery基础事件，包括绑定事件、简写事件、复合事件；
一．绑定事件
jQuery 通过.bind()方法来为元素绑定这些事件。
形式：
bind(type, [data], fn)
参数：
type 表示一个或多个类型的事件名字符串；
[data]是可选的，作为 event.data 属性值传递一个额外的数据，这个数据是一个字符串、一个数字、一个数组或一个对象；
fn 表示绑定到指定元素的处理函数。
二、简写事件
为了使开发者更加方便的绑定事件，jQuery 封装了常用的事件以便节约更多的代码。 称之为简写事件。简写事件，绑定方法如下图，
三、复合事件
jQuery 提供了许多最常用的事件效果， 组合一些功能实现了一些复合事件， 比如切换功?能、智能加载等。
扩展资料
1、绑定事件fn函数
1)使用点击事件
$('input').bind('click', function () {//点击按钮后执行匿名函数
alert('点击！');
});
2)普通处理函数
$('input').bind('click', fn); //执行普通函数式无须圆括号
function fn() {
alert('点击！');
}
2、简写事件函数
1）.mouseover()和.mouseout()表示鼠标移入和移出的时候触发。而.mouseenter()和.mouseleave()表示鼠标穿过和穿出的时候触发。
2）.keydown()、.keyup()返回的是键码，而.keypress()返回的是字符编码。
3）.focus()和.blur()分别表示光标激活和丢失，事件触发时机是当前元素。而.focusin()和.focusout()也表示光标激活和丢失，但事件触发时机可以是子元素。
3、复合事件示例，背景移入移出切换效果
$('div').hover(function () {
? $(this).css('background', 'black');? ? ?//mouseenter 效果
? }, function () {
? $(this).css('background', 'red');? ? ? //mouseleave 效果，可省略
});
参考资料
jQuery官方网站-事件