JQuery

为什么要有JQuery

当我们用JavaScript在写web端一些事件,功能时比较麻烦,需要获取每个的id、类,还需要各种各样的事件,去写不同的function,为了简化这些过程于是 一些第三方厂商开发了一JavaScript库方便我们的编程,其中最火的就是jQuery。

JQuery的特性

jQuery是一个轻量级的JS库
jQuery核心是选择器,用于获取页面元素
jQuery提供了大量的方法,方便开发

选择器

$(选择表达式)

一、基础的选择表达式

$("#id") $(“标签”) $(".class") $(“S1”,“S2”,“S3”)

二、层叠选择器

根据元素的位置关系来获取元素的选择器表达式
$(“ancestor descendant”) 后代选择器
$(“ancestor>descendant”) 子选择器
$(“prev~siblings”) 兄弟选择器

三、属性选择器

根据元素的属性值来选择元素的选择器表达式
$(“selector[attribute=value]”) 相等
$(“selector[attribute^=value]”) 开头相等
$(“selector[attribute $=value]”) 结尾相等
$(“selector[attribute*=value]”) 任意只要相等

四、位置选择器

五、表单选择器

二、操作元素的CSS样式

css() 获取或设置匹配的元素样式
addClass() 为每个匹配的元素添加指定的类名
removeClass() 从所有匹配的元素中删除全部或者指定类

三、设置元素内容

val() 获取输入选项的值
text() 获取设置的纯文本
html() 获取或者设置内部的html样式

四、jQuery事件处理方法

on(“click” ,function(){}) 为页面绑定单击事件
click(function(){}) 绑定事件简写
处理方法中提供了event参数包含了事件的相关信息

常用事件