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()−隐藏当前元素 (this).hide()−隐藏当前元素(“p”).hide() - 隐藏所有段落
(“.test”).hide()−隐藏所有class=”test”的所有元素 (“.test”).hide()−隐藏所有class=”test”的所有元素(“#test”).hide() - 隐藏所有 id=”test” 的元素
jQuery语法是为HTML元素选取编制,对其元素执行相应的操作。
:这个符号定义jQuery,()里面的是要选取的HTML的符号,如P标签等。而hide所代表的就是要执行的操作。我们一般在写js的时候会提前写上一句: :这个符号定义jQuery,()里面的是要选取的HTML的符号,如P标签等。而hide所代表的就是要执行的操作。我们一般在写js的时候会提前写上一句:(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(){}
总结:
我还有很多需要学习的地方,加油吧