• jQuery知识回顾


    jQuery

    它使用 CSS 选择器来访问和操作网页上的 HTML 元素(DOM 对象)。
    主要的 jQuery 函数是 $() 函数(jQuery 函数)。如果您向该函数传递 DOM 对象,它会返回 jQuery 对象,带有向其添加的 jQuery 功能。
    jQuery 允许您通过 CSS 选择器来选取元素。
    如分配一个函数以处理窗口加载事件:

    JavaScript 方式

    function myFunction()
    {
        var obj=document.getElementById("h01");
        obj.innerHTML="Hello jQuery";
    }
    onload=myFunction;
    

    等价于
    jQuery 方式

    function myFunction()
    {
        $("#h01").html("Hello jQuery");
    }
    $(document).ready(myFunction);
    

    jQuery 语法

    基础语法:

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

    jQuery 选择器

    语法 描述
    $("#id") 通过 HTML 元素的 id 属性选取指定的元素
    $(".class") 通过指定的 class 查找元素
    $("*") 选取所有元素
    $(this) 选取当前 HTML 元素
    $("p.intro") 选取 class 为 intro 的 <p> 元素
    $("p:first") 选取第一个 <p> 元素
    $("ul li:first") 选取第一个 <ul> 元素的第一个 <li> 元素
    $("ul li:first-child") 选取每个 <ul> 元素的第一个 <li> 元素
    $("[href]") 选取带有 href 属性的元素
    $("a[target='_blank']") 选取所有 target 属性值等于 "_blank" 的 <a> 元素
    $("a[target!='_blank']") 选取所有 target 属性值不等于 "_blank" 的 <a> 元素
    $(":button") 选取所有 type="button" 的 <input> 元素 和 <button> 元素
    $("tr:even") 选取偶数位置的 <tr> 元素
    $("tr:odd") 选取奇数位置的 <tr> 元素

    jQuery 事件

    常见 DOM 事件:

    鼠标事件 键盘事件 表单事件 文档/窗口事件
    click keypress(输入) submit load
    dblclick keydown change resize
    mouseenter keyup focus scroll
    mouseleave blur unload
    hover ready

    jQuery - 获取内容和属性

    • text() - 设置或返回所选元素的文本内容
    • html() - 设置或返回所选元素的内容(包括 HTML 标记)
    • val() - 设置或返回表单字段的值

    jQuery - 添加删除元素

    • append() - 在被选元素的结尾插入内容
    • prepend() - 在被选元素的开头插入内容
    • after() - 在被选元素之后插入内容
    • before() - 在被选元素之前插入内容
    • remove() - 删除被选元素(及其子元素)
    • empty() - 从被选元素中删除子元素

    jQuery - 获取并设置 CSS 类

    • addClass() - 向被选元素添加一个或多个类
    • removeClass() - 从被选元素删除一个或多个类
    • toggleClass() - 对被选元素进行添加/删除类的切换操作
    • css() - 设置或返回样式属性
  • 相关阅读:
    Jmeter接口自动化测试解决方案
    JMeter中可以使用的一些获取日期时间的方法
    如何向github上传代码
    python自动发送邮件所遇问题集锦
    Python代码规范和命名规范
    Python2代码转换Python3脚本工具2to3.py
    selenium webdriver 启动三大浏览器Firefox,Chrome,IE
    解决Pycharm无法导入包问题 Unresolved reference
    禅道如何设置邮箱提醒
    Linux系统Mysql数据库的备份和还原
  • 原文地址:https://www.cnblogs.com/Nine4Cool/p/13810394.html
Copyright © 2020-2023  润新知