请选择 进入手机版 | 继续访问电脑版

热点推荐

    查看: 22|回复: 1

    jquery语法-动力节点

    [复制链接]
  • TA的每日心情
    无聊
    昨天 17:05
  • 签到天数: 102 天

    [LV.6]常住居民II

    190

    主题

    277

    帖子

    2514

    积分

    金牌会员

    Rank: 6Rank: 6

    积分
    2514
    发表于 2021-2-19 16:22:02 | 显示全部楼层 |阅读模式
    通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行"操作"(actions)。
    ( ]2 E4 g$ L! a
    / |% ~  {0 t2 m9 ?. J
    jQuery 语法
    $ o4 V/ L: k/ C3 p4 j+ Y' s9 [
    jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。

    3 q" a, s) R3 K9 [# e9 m7 X% C
    基础语法: $(selector).action()
    * v' X( o2 L/ P: [- D1 i
    • 美元符号定义 jQuery

    6 B) A1 Q. h3 h. w, D3 w
    • 选择符(selector)"查询"和"查找" HTML 元素

    : x6 K5 D; a! W+ |/ _' [3 X) Z* C
    • jQuery 的 action() 执行对元素的操作
    9 s# m5 _% L8 n, T1 \
    实例:
    & v$ [1 X8 x5 j2 w
    • $(this).hide() - 隐藏当前元素
    . L% w6 y. R) G, p, X
    • $("p").hide() - 隐藏所有元素
      U) u4 H+ v1 Y
    • $("p.test").hide() - 隐藏所有 class="test" 的元素

    2 f! w  V) ?9 g. ^( p' j0 L
    • $("#test").hide() - 隐藏 id="test" 的元素
    3 e* T) P, A& T! U# {7 g" x

    ; u0 [4 I- b# C8 s) Y文档就绪事件
    6 o7 I! E$ [. A; ~0 i. f2 G3 U
    您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中:

    " a- b3 E, }/ b3 C0 M$(document).ready(function(){    // 开始写 jQuery 代码... });
    + j8 ]6 N# C+ \6 R
    这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。

    / j- }! k, I2 o) W
    如果在文档没有完全加载之前就运行函数,操作可能失败。下面是两个具体的例子:

    9 X5 Z# ]6 q6 ]) b+ F- N! O
    • 试图隐藏一个不存在的元素

    - g1 Q5 {2 C$ v4 A) _6 S8 G& G
    • 获得未完全加载的图像的大小
    2 ?) m7 e" R3 d2 E/ w
    提示:简洁写法(与以上写法效果相同):

    ! y. O2 T5 D# k- x# J8 }$(function(){    // 开始写 jQuery 代码... });* r  _  I4 I, u, x3 ~
    以上两种方式你可以选择你喜欢的方式实现文档就绪后执行 jQuery 方法。

      g; E* o# R. x& R- g, J+ V1 n
    回复

    使用道具 举报

    该用户从未签到

    3

    主题

    102

    帖子

    207

    积分

    中级会员

    Rank: 3Rank: 3

    积分
    207
    发表于 5 天前 | 显示全部楼层
    支持,赞一个
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    快速回复 返回顶部 返回列表