JQuery常用语法

目录

1.关于jQuery的一些使用技巧

2.$美元符号

3.jQuery 事件 - toggle() 方法

4.JQuery尺寸

5.目前jQuery有三个大版本

6.遍历


1.关于jQuery的一些使用技巧

(1)网页中添加 jQuery

可以通过多种方法在网页中添加 jQuery。 您可以使用以下方法:

  • 从 jquery.com 下载 jQuery 库
  • 从 CDN (内容分发网络)中载入 jQuery, 如从 Google 中加载 jQuery

(2)辨别网站是否使用了jQuery

在网站按F12,Console中输入一个$,按下回车,大部分还是会返回一个"function(a,b){return new r.fn.init(a,b,h)}"【以京东为例】

(3)jQuery 使用版本

我们可以在浏览器的 Console 窗口中使用 $.fn.jquery 命令查看当前 jQuery 使用的版本。

2.$美元符号

基础语法: $(selector).action()

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

实例:

  • $(this).hide() - 隐藏当前元素

  • $("p").hide() - 隐藏所有 <p> 元素

  • $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素

  • $("#test").hide() - 隐藏 id="test" 的元素

3.jQuery 事件 - toggle() 方法

toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。

该方法也可用于切换被选元素的 hide() 与 show() 方法。

如果规定了两个以上的函数,则 toggle() 方法将切换所有函数。例如,如果存在三个函数,则一次f1,f2,f3,f1...

4.JQuery尺寸

jQuery Dimensions

5.目前jQuery有三个大版本

1.x:兼容IE 6/7/8,使用最为广泛的,官方只做BUG维护,
     功能不再新增。因此一般项目来说,使用1.x版本就可以了,
     最终版本:1.12.4 (2016年5月20日)
2.x:不兼容IE 6/7/8,很少有人使用,官方只做BUG维护,
     功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x,
     最终版本:2.2.4 (2016年5月20日)
3.x:不兼容IE 6/7/8,只支持最新的浏览器。除非特殊要求,
     一般不会使用3.x版本的,很多老的jQuery插件不支持这个版本。
     目前该版本是官方主要更新维护的版本。最新版本:3.2.1(2017年3月20日)
* jquery-xxx.js 与 jquery-xxx.min.js区别:
    1. jquery-xxx.js:开发版本。给程序员看的,有良好的缩进和注释。体积大一些
    2. jquery-xxx.min.js:生产版本。程序中使用,没有缩进。体积小一些。程序加载更快

6.遍历

jQuery parent() 方法
    parent() 方法返回被选元素的直接父元素。

jQuery parents() 方法
    parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)。

jQuery parentsUntil() 方法
    parentsUntil() 方法返回介于两个给定元素之间的所有祖先元素。

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值