JQuery总结

1,JQuery是什么?

百度释义:jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
理解:jQuery是一个代码库,把我们经常用到的功能进行封装以方便我们调用,提高开发效率。就像我们把自己需要的做的事情封装为函数一样的,都是为了让我们更方便使用。


2,jQuery和JavaScript的区别:
JavaScript是一种脚本语言,用来编写客户端浏览器脚本,而jQuery则是一种包含多个可重用函数,辅助开发的库。


3,jQuery语法示例:
(this).hide()  ( t h i s ) . h i d e ( ) − 隐 藏 当 前 元 素 (“p”).hide() - 隐藏所有段落
(.test).hide()class=test  ( “ . t e s t ” ) . h i d e ( ) − 隐 藏 所 有 c l a s s = ” t e s t ” 的 所 有 元 素 (“#test”).hide() - 隐藏所有 id=”test” 的元素
jQuery语法是为HTML元素选取编制,对其元素执行相应的操作。
jQueryHTMLPhidejs  : 这 个 符 号 定 义 j Q u e r y , ( ) 里 面 的 是 要 选 取 的 H T M L 的 符 号 , 如 P 标 签 等 。 而 h i d e 所 代 表 的 就 是 要 执 行 的 操 作 。 我 们 一 般 在 写 j s 的 时 候 会 提 前 写 上 一 句 : (document).ready(function(){}); 这句话的意思是用函数来取代window.onload。onload()方法是在页面加载完成后才发生,这包括DOM元素元素和其他页面元素的加载,因此使用document.ready()方法的执行速度比onload()方法要快。jQuery使用document.ready来保证所要执行的代码是在DOM元素被加载完成的情况下执行。


4,jQuery选择器:
这里写图片描述

4.1元素选择器的语法(如选取

)元素:
$(“p”)
4.2属性选择器的语法(如选取带有href值属性的元素):
$(“[href]”)
4.3Css选择器的语法(如让所有p元素颜色改为红色)
$(“p”).css(“background-color”,red)


5,在JQuery学习中用到的方法:,
Parent 方法:获得一个父节点
Next方法获得一个节点的下一个兄弟节点,对应的previous方法可以获得一个节点的上一个兄弟节点
Animate:方法课可以实现任意的动画效果,可以控制某个css属性在某个时间内变化
Opacity可以改变元素的透明度
插件的编写:$.fn.myplugin=function(){}

总结:
我还有很多需要学习的地方,加油吧

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值