zoukankan      html  css  js  c++  java
  • 关于jQuery基础

    一:简介

    jQuery是一个JavaScript函数库。

    jQuery是一个轻量级的"写的少,做的多"的JavaScript库。

    jQuery库包含以下功能:

    • HTML 元素选取
    • HTML 元素操作
    • CSS 操作
    • HTML 事件函数
    • JavaScript 特效和动画
    • HTML DOM 遍历和修改
    • AJAX
    • Utilities

    二:语法

    jQuery基础语法:

    $(selector).action()

    • 美元符号定义 jQuery
    • 选择符(selector)"查询"和"查找" HTML 元素
    • jQuery 的 action() 执行对元素的操作

    三:选择器

    1)元素选择器:

    $(document).ready(function(){
    $("button").click(function(){
    $("p").hide();
    });
    });
    此实例效果是点击button按钮时,可以将所有p标签隐藏
    (2)#id选择器:
    $(document).ready(function(){
    $("button").click(function(){
    $("#test").hide();
    });
    });
    此实例效果是点击button按钮时,将id为test的所有标签隐藏
    (3).class选择器
    $(document).ready(function(){
    $("button").click(function(){
    $(".test").hide();
    });
    });
    此实例效果是点击button按钮时,将class设置为test的所有标签隐藏
    三.jQuery事件

    页面对不同访问者的响应叫做事件。

    事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。

    实例:

    • 在元素上移动鼠标。
    • 选取单选按钮
    • 点击元素

    常用的jQuery事件:

    $(document).ready()

    $(document).ready() 方法允许我们在文档完全加载完后执行函数。该事件方法在 jQuery 语法 章节中已经提到过。

    click()

    click() 方法是当按钮点击事件被触发时会调用一个函数。

    该函数在用户点击 HTML 元素时执行。

    dblclick()

    当双击元素时,会发生 dblclick 事件。

    dblclick() 方法触发 dblclick 事件,或规定当发生 dblclick 事件时运行的函数。

    hover()

    hover()方法用于模拟光标悬停事件。

    当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,会触发指定的第二个函数(mouseleave)。

  • 相关阅读:
    程序员需要知道的知识
    ajax原理图
    线性表及其操作
    JDBC连接SQL server 2005 全过程
    asp.net生命周期
    终于在博客园里申请了自己的博客
    C#反射类中所有字段,属性,方法
    继续学习NHibernate
    C#中方法的四种参数类型
    Forms权限认证
  • 原文地址:https://www.cnblogs.com/mqlblog/p/10533938.html
Copyright © 2011-2022 走看看