zoukankan      html  css  js  c++  java
  • jQuery基础(1) -- jQuery 语法

    通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions)。
    jQuery 语法
    jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。
    基础语法: $(selector).action()
    美元符号定义 jQuery
    选择符(selector)"查询"和"查找" HTML 元素
    jQuery 的 action() 执行对元素的操作
    实例:
    $(this).hide() - 隐藏当前元素
    $("p").hide() - 隐藏所有 <p> 元素
    $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
    $("#test").hide() - 隐藏所有 id="test" 的元素
    你对 CSS 选择器熟悉吗?

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

    档就绪事件

    您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中:
    $(document).ready(function(){ // 开始写 jQuery 代码... });
    这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码。
    如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子:
    试图隐藏一个不存在的元素
    获得未完全加载的图像的大小
    提示:简洁写法(与以上写法效果相同):
    $(function(){ // 开始写 jQuery 代码... });
    以上两种方式你可以选择你喜欢的方式实现文档就绪后执行 jQuery 方法。

  • 相关阅读:
    vue中handsontable 使用
    vue项目在APP禁止页面缩放
    SuperAgent使用文档
    echart 图表自定义样式
    vue router-link子级返回父级页面
    浏览器的多线程
    gzip压缩
    清除浮动的方法
    vue-router的hash和history模式的区别
    Docker镜像+nginx 部署 vue 项目
  • 原文地址:https://www.cnblogs.com/ipetergo/p/6218158.html
Copyright © 2011-2022 走看看