JQuery类库

原创 走在风中的男子 随笔 学习笔记 295阅读 2017-05-26 10:32:14 举报
jQuery基础

jQuery类库定义了一个全局函数jQuery() ——由于使用频繁给他定义了一个别名

$()
注:如果引入了Prototype等使用 $ 作为全局变量的类库。可以使用 jQuery.noConflict()来释放 $ 变量,让其指向原始值
例子

获取和设置HTML属性

attr()方法——是jq中用于HTML属性的getter/setter
语法:$(selector).attr(attribute,value)
attribute:规定属性的名称
value:规定属性的值
removeAttr()——用于移除某个属性
例子

切换Class类

toggleClass()方法:当元素没有某些类是,给元素添加这些类,反之则删除
语法:$(selector).toggleClass(class,switch)
class:必需。规定添加或移除 class 的指定元素。如需规定若干 class,请使用空格来分隔类名
switch:可选。布尔值。规定是否添加或移除 class
例子

获取和设置HTML表单

val() 方法:返回或设置被选元素的值。元素的值是通过 value 属性设置的。
该方法大多用于 input 元素。如果该方法未设置参数,则返回被选元素的当前值。
语法:$(selector).val(value)
返回 Value 属性的语法→:$(selector).val()
例子

包装元素

wrap:包装每一个选中元素
语法:$(selector).wrap(wrapper)
详细例子解开和包裹元素转至w3school.
wrapInner:包装每一个选中的元素的内容
语法:$(selector).wrapAll(wrapper)
详细例子解开和包裹元素转至w3school.
wrapAll:将选中元素作为一组来包装
语法:$(selector).wrapAll(wrapper)
详细例子解开和包裹元素转至w3school.

事件处理程序

hover()方法:当鼠标指针悬停在被选元素上时要运行的两个函数。
语法:$(selector).hover(inFunction,outFunction)
inFunction:必需。规定 mouseover 事件发生时运行的函数。
outFunction:可选。规定 mouseout 事件发生时运行的函数。
hover方法

实时事件

动态创建新元素使用delegate()和undelegate()方法代替bind()和unbind()
delegate()方法:为指定的元素,添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
语法:$(selector).delegate(childSelector,event,data,function)
childSelector:规定要附加事件处理程序的一个或多个子元素。
event:规定附加到元素的一个或多个事件。由空格分隔多个事件值。必须是有效的事件。
data:规定传递到函数的额外数据。
function:规定当事件发生时运行的函数。
delegate()方法

undelegate()方法:删除由 delegate() 方法添加的一个或多个事件处理程序。
语法:$(selector).undelegate(selector,event,function)
selector:可选。规定需要删除事件处理程序的选择器。
event:可选。规定需要删除处理函数的一个或多个事件类型。
function:可选。规定要删除的具体事件处理函数。
undelegate()方法

on()方法:jQuery 版本 1.7 起,on() 方法是 bind()、live() 和 delegate() 方法的新的替代品
语法:$(selector).on(event,childSelector,data,function,map)
event :必需。规定要从被选元素移除的一个或多个事件或命名空间。由空格分隔多个事件值。必须是有效的事件。
childSelector:可选。规定只能添加到指定的子元素上的事件处理程序(且不是选择器本身,比如已废弃的 delegate() 方法)。
data:可选。规定传递到函数的额外数据。
function:可选。规定当事件发生时运行的函数。
map:规定事件映射 ({event:function, event:function, ...}),包含要添加到元素的一个或多个事件,以及当事件发生时运行的函数。
on()方法

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复