• jQuary学习の二の语法


    jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。基础语法: $(selector).action()

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

    jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。

    文档就绪事件的描述(两种方法)

    $(document).readyfunction()

    { // 开始写 jQuery 代码... }

    );

    $(function(){ // 开始写 jQuery 代码...

    });

    jQuary选择器
    1.元素选择器:$("p");

    2.id选择器:$("#test")

    3..class选择器:$(".test")

    4.更多示例:

      如果您的网站包含许多页面,并且您希望您的 jQuery 函数易于维护,那么请把您的 jQuery 函数放到独立的 .js 文件中。

      当我们在教程中演示 jQuery 时,会将函数直接添加到 <head> 部分中。

      注意:通过 $(":button") 可以选取所有 type="button" 的 <input> 元素 和 <button> 元素,如果去掉冒号,$("button")只能获取 <button> 元素。

            关于 : 和 [] 这两个符号的理解:可以理解为种类的意思,如:p:firstp 的种类为第一个。[] 很自然的可以理解为属性的意思,如:[href] 选取带有 href 属性的元素。

    常用的jquary事件方法:

      $("p")ready.(function())

      $("p")click.(function())

      dblclick()

      mouseenter()

      mouseleave()

      mousedown()

      mouseup()

      hover()方法用于模拟光标悬停事件。当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,会触发指定的第二个函数(mouseleave)。

      当元素获得焦点时,发生 focus 事件。当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。focus() 方法触发 focus 事件,或规定当发生 focus 事件时运行的函数:

      当元素失去焦点时,发生 blur 事件。blur() 方法触发 blur 事件,或规定当发生 blur 事件时运行的函数:

            1.keydown:在键盘上按下某键时发生,一直按着则会不断触发(opera浏览器除外), 它返回的是键盘代码;

       2.keypress:在键盘上按下一个按键,并产生一个字符时发生, 返回ASCII码。注意: shift、alt、ctrl等键按下并不会产生字符,所以监听无效 ,换句话说, 只有按下能在屏幕上输出字符的按键时keypress事件才会触发。若一直按着某按键则会不断触发。

       3.keyup:用户松开某一个按键时触发, 与keydown相对, 返回键盘代码.

     5.noConflict()方法:

    noConflict() 方法会释放对 $ 标识符的控制,这样其他脚本就可以使用它了。当然,您仍然可以通过全名替代简写的方式来使用 jQuery:

    noConflict() 可返回对 jQuery 的引用,您可以把它存入变量,以供稍后使用

    如果你的 jQuery 代码块使用 $ 简写,并且您不愿意改变这个快捷方式,那么您可以把 $ 符号作为变量传递给 ready 方法。这样就可以在函数内使用 $ 符号了 - 而在函数外,依旧不得不使用 "jQuery":

  • 相关阅读:
    【Problem】前端项目运行:Module build failed:Error Node Sass does not yet support my current environmen
    element ui源码解析 -- Pagination篇( 副:列表页进入详情页再返回后,如何保持当前页码正确 )
    vue mixins是什么及应用
    bootstrap fileinput实现限制图片上传数量及如何控制分批多次上传
    fileinput 配置项大全,从源码中翻出了很多属性,没那么多时间一一验证,特发出来给大家参考参考
    provide inject应用及和props对比
    element ui源码解析 -- input篇
    vue指令应用--实现输入框常见过滤功能
    vue项目实现导出数据到excel
    组件绑定v-model,实现最大化复用
  • 原文地址:https://www.cnblogs.com/saber123/p/8563380.html
Copyright © 2020-2023  润新知