JQuery
※ JQuery是一个高效、精简并且功能丰富的JavaScript工具库
1.1、JQuery基础
l JQuery校验（JQuery Validate）
JQuery Validate为表单提供了强大的验证功能，让客户端表单验证变得简单，同时提供了大量的定制选项，满足应用程序各种需求。
默认校验规则：
图 1
l JQuery选择器
JQuery选择器允许您对HTML元素组成或单个元素进行操作。是基于元素的id、类、类型、属性、属性值等”查找”（或选择）HTML元素。
JQuery选择器分为，元素选择器（$(“p”)）、#id选择器($(“#id”))、.class选择器($(“.class”))
选择器语法：都是以美元符号开头：$。
l JQuery事件
JQuery事件是为事件处理特别设计的，页面对不同访问者的响应就是事件。事件处理程序就是当html中发生某些事件时调用的方法。例如：在元素上移动鼠标、选取单选按钮、点击元素
常见dom事件
图 2
JQuery事件语法：
页面中指定一个点击事件
$(“p”).click;
触发事件
$(“p”).click(function({//动作触发后执行的代码}))
1.2、JQuery效果
l JQuery效果--隐藏和显示（常用方法）
JQuery hide隐藏
JQuery show显示
示例：
图 3
l JQuery效果--淡入和淡出（常用方法）
JQuery fadeIn淡入已隐藏的元素，示例：
图 4
JQuery fadeOut淡出可见元素，示例：
图 5
JQuery fadeToggle如果元素已淡入，添加淡出效果；否则添加淡入效果，示例：
图 6
JQuery fadeTo允许渐变为给定的不透明度（值介于0-1之间），示例：
图 7
1.3、JQuery HTML
l JQuery HTML-捕获、设置值（常用方法）
获取内容：
text--设置或返回所选元素的文本内容
html--设置或返回所选元素的内容（包括html标记）
val--设置或返回表单字段的值
示例：
图 8
图 9
获取属性：
attr--用于设置或获取属性值
示例：
原文来源于“我要编程”免费学习平台
原文链接：https://www.51program.com/newsBean/findNewsDetails.do?id=12
网友评论