• 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() - 设置或返回样式属性
  • 相关阅读:
    C# 之 获取文件名及拓展名
    C# 之 日常积累(二)
    C# 之 OpenFileDialog的使用
    Linux系统中,main函数的执行过程
    linux线程的实现
    linux内核--进程与线程
    内核线程和进程的区别
    软中断和硬中断
    Linux 2.4.x内核软中断机制
    几种USB控制器类型:OHCI,UHCI,EHCI,xHCI
  • 原文地址:https://www.cnblogs.com/Nine4Cool/p/13810394.html
Copyright © 2020-2023  润新知