Jquery

jQuery介绍

  • jQuery是一个轻量级的、兼容多浏览器的JavaScript库。
  • jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“

下载JQuery

Jquery官网
Jquery中文文档

Jquery对象

jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是 jQuery独有的。如果一个对象是 jQuery对象,那么它就可以使用jQuery里的方法:例如$(“#i1”).html()。

基础语法

基本选择器

筛选器方法

gt(index)
gt:greater than
lt(index)
lt:little than
has(元素)后代中是否有给的元素
filter 本身有该属性的,因为筛选器都是选完了后再在结果中去选。

html文档操作
用新建元素,替换原标签
在这里插入图片描述

在这里插入图片描述

替换全部标签

在这里插入图片描述

在这里插入图片描述

在标签内部添加内容
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

移除所有指定的参数所在的标签

在这里插入图片描述
在这里插入图片描述
清空内容
在这里插入图片描述

在这里插入图片描述

在某个标签前面插入一个标签
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在元素外面追加文件
在这里插入图片描述
在这里插入图片描述

在元素后面追加元素
在这里插入图片描述
在这里插入图片描述

this
触发该事件所在的标签

在这里插入图片描述

在这里插入图片描述
查找各类标签
在这里插入图片描述
attr prop 获取属性值
在这里插入图片描述
在这里插入图片描述

按下键盘触发的事件
在这里插入图片描述
键盘被抬起
在这里插入图片描述

  • 批量更改,按shift将选中的标签批量更改
    解题思路和步骤
    在这里插入图片描述

解题细节
在这里插入图片描述
注意:.find()
查找
搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素后代元素的好方法。
$("div").find("p")
等价于$("div p")
如本例中正在处理的元素是tr。在tr的后代中找出input中的被选中的项,最后找的是tr。不是input。然后在tr中找后代是select的标签(has找的是前面的标签,find找的是find括号的标签)

对属性和文本同时修改

在这里插入图片描述
在这里插入图片描述

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值