JQuery【概述,使用方式,选择器,常用方法】

一,JQuery的概述
1,不同的浏览器对javaScript的解析方式不同,为了解决这种兼容性的问题,就产生了JavaScript库。而JQuery就是其中被广泛使用的库之一。
2,JQuery体系
目前JQuery已经发展成为集JavaScript,CSS,DOM,Ajax于一体的强大框架体系。
3,JQuery下载地址
JQuery下载跳转连接
4,JQuery的目的
用更少的代码,实现更多的功能
5,JQuery的引用

6,基本使用方式
KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲id名") …就代表JQuery,他是对象JQuery的简写形式。
$(“标签名”) 代表通过标签来选择标签
$(".类名") 代表根据class的值选择元素
( d o c u m e n t ) . r e a d y ( ) = = (document).ready() == (document).ready()==(function(){})
==window.οnlοad=function(){} 代表代码会在加载时候自动读取这段代码
function 关键字用来声明函数
function(){}代表声明匿名函数。
在JS中声明的函数不会主动执行。如果没有没有匿名函数,程序就会主动的执行它。
7,方法
toggleClass() 如果元素有类就删除,无类就添加
next() 获取元素的下一个元素
toggle() 如果元素可见就隐藏,如果元素隐藏就代表可见

二,JQuery基本选择器
$(标签).css(“”,“”) 表示改变选中标签的CSS样式,第一个参数代表样式名(属性),第二个标签代表元素值(属性值)

三,过滤选择器
1,基本过滤选择器
$(“元素:first”) 获取第一个元素
$(“元素:last”) 获取第一个元素
$(“元素:not(元素)”) 获取除not内元素的所有元素
$(“元素:even”) 获取索引值为偶数的元素
$(“元素:odd”) 获取索引值为奇数的元素
$(“元素:eq(索引)”) 获取索引对应的元素

2,内容过滤选择器
内容过滤选择器根据元素的文字内容或者包含的子元素特征来获取元素

3,可见性过滤选择器
根据元素是否可见来获取元素
$(":hidden") 获取所有隐藏的元素
$(":visible") 获取所有可见的元素

4,属性过滤选择器
根据元素的某个属性获取元素
$(“元素[属性=属性值]”)

四,层次选择器和表单选择器
1,层次选择器:通过DOM元素之间层次关系获取元素
2,表单选择器:通过表单元素中的类型获取表单元素的选择器

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值