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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容