美文网首页Java 杂谈
【我要编程】技术知识分享——JQuery

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

作者: OSET我要编程 | 来源:发表于2018-08-29 12:00 被阅读1次

    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

    相关文章

      网友评论

        本文标题:【我要编程】技术知识分享——JQuery

        本文链接:https://www.haomeiwen.com/subject/dvmhwftx.html