jQuery基础

1、jQuery介绍


(1)、JavaScript与jQuery比较
js:1、入口函数只有一个,window.onload
2、浏览器兼容性:非常令人头疼,比如textContent虽然作为标准方法但是只
支持IE8+以上的浏览器
3、DOM错综复杂,实现简单的效果很麻烦
4、代码容错性差,出错后导致后面的代码不执行
jQuery:1、市场占有率稳步上升,代码比较少,功能强大
2、DOM比较强大,事件处理,完全解决了浏览器的兼容性问题
3、ajax操作(比较好)
(2)、什么是jQuery
1、jQuery是一个JavaScript函数库。
2、jQuery是一个轻量级的"写的少,做的多"的JavaScript库。
3、jQuery库包含以下功能:HTML元素选取、HTML元素操作、CSS操作、HTML事
件函数、JavaScript特效和HTMLDOM遍历和修改。
(3)、为什么使用jQuery
1、目前网络上有大量开源的JS库,但是jQuery是目前最流行的JS库,而且提
供了大量的扩展。
2、很多大公司都在使用jQuery,例如:Google、Microsoft、IBM、Netflix。
3、目前jQuery兼容于所有主流浏览器,包括InternetExplorer6!

2、jQuery安装

 3、jQuery语法

(1)、基础语法
1、美元符号定义jQuery
2、选择符(selector)"查询"和"查找"HTML元素
3、jQuery的action()执行对元素的操作。

(2)、实例

(3)、1.3.3了解jQuery的$符号 

(4)、jQuery入口函数与JavaScript入口函数的区别 

4、JQuery选择器


(1)、什么是jQuery选择器
1、jQuery选择器允许您对HTML元素组或单个元素进行操作。
2、jQuery选择器是jQuery为我们提供的一组方法,让我们更加方便的获取到
页面中的元素。注意:jQuery选择器返回的是jQuery对象。
3、jQuery选择器基于元素的id、类、类型、属性、属性值等"查找"(或选择)
HTML元素。它基于已经存在的CSS选择器,除此之外,它还有一些自定义的选
择器。
4、jQuery中所有选择器都以美元符号开头:$()。 

(2)、基本选择器

(3)、层级选择器

(4)、过滤选择器 

 (5)、筛选选择器(方法)

 

5、jQuery事件 

(1)、什么是事件
1、页面对不同访问者的响应叫做事件。
2、实例:在元素上移动鼠标、选取单选按钮、点击元素

(2)、事件语法

6、jQuerycss()方法 

 7、jQuerycss类

 

8、jQuery动画 

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李时一

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值