Java 杂谈

【我要编程】技术知识分享——JQuery

2018-08-29  本文已影响1人  OSET我要编程

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

上一篇下一篇

猜你喜欢

热点阅读