JQuery
※ JQuery是一个高效、精简并且功能丰富的JavaScript工具库
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({//动作触发后执行的代码}))
l JQuery效果--隐藏和显示(常用方法)
JQuery hide()隐藏
JQuery show()显示
示例:
图 3
l JQuery效果--淡入和淡出(常用方法)
JQuery fadeIn()淡入已隐藏的元素,示例:
图 4
JQuery fadeOut()淡出可见元素,示例:
图 5
JQuery fadeToggle()如果元素已淡入,添加淡出效果;否则添加淡入效果,示例:
图 6
JQuery fadeTo()允许渐变为给定的不透明度(值介于0-1之间),示例:
图 7
l JQuery HTML-捕获、设置值(常用方法)
获取内容:
text()--设置或返回所选元素的文本内容
html()--设置或返回所选元素的内容(包括html标记)
val()--设置或返回表单字段的值
示例:
图 8
图 9
获取属性:
attr()--用于设置或获取属性值
示例:
原文来源于“我要编程”免费学习平台
原文链接:https://www.51program.com/newsBean/findNewsDetails.do?id=12
网友评论