jQuery部分总结

开发工具与关键技术: VS、jQuery部分总结
作者:黄桂康

1、 jQuery是JavaScript库,是一个封装好的JavaScript框架,就是因为他可以“写的代码少,执行更多的功能”。

2、 jQuery主要基础有5部分:1、样式篇:style

2、事件篇:鼠标单击、鼠标双击、鼠标移出、鼠标移入、鼠

标点击、鼠标松开。

3、动画篇:animation。

4、DOM篇:DOM。

5、Ajax篇:Ajax。

3、 jQuery也需要引入,从JQuery官网:http://jquery.com/下载jQuery库,引入。 jQuery引入与JavaScript引入是一样的,如下截图。

jQuery的条件语句 jquery语句包括哪些部分_选择器


然后可以在HTML页面代码中敲jQuery,基本与JavaScript差不多,然后就可以放一个script标签,里面开始你的jQuery代码。

下截图为原生的jQuery,还有简写的jQuery。

jQuery的条件语句 jquery语句包括哪些部分_jQuery部分总结_02


引入jQuery,script标签,创建一个jQuery事件,然后写代码。我们可以先验证下是否成功,如下截图。(切记美元符号 $ ()({})。这样的一个格式。

jQuery的条件语句 jquery语句包括哪些部分_jQuery_03


alert(‘123‘)这样就会在浏览器输出123.验证成功。

4、 事件-鼠标事件

1鼠标单击事件

onclick事件

jQuery的条件语句 jquery语句包括哪些部分_jQuery部分总结_04


1美元符号 $。

2获取元素记得标双引号或单引号 “” ‘’ 。

3事件:click是单击事件、也可以双击事件dblclick、移入事件mouseover、移出事件mouseout······

4格式先.click(function(){})。

5、 HTML元素的获取

#id、class、*、给定一个元素等元素选择器,

上截图2中也说了括号里先给双引号或单引号然后再获取HTML元素。

jQuery的条件语句 jquery语句包括哪些部分_jQuery_05


先给button定义一个id,在jQuery里获取这个id,#为id选择器-#id,类选择器也有 .class

这是要特别注意的一点,记得定义,写选择器符号,再写元素。

6、jQuery添加新元素

append()在所选的元素结尾添加元素

prepend()在所选的元素开头添加元素

jQuery的条件语句 jquery语句包括哪些部分_HTML_06


如上截图,p标签文字为大树开发,要添加工作室在他结尾,大树开发工作室

jQuery的条件语句 jquery语句包括哪些部分_选择器_07


结尾添加用append()方法,开头添加用prepend()

jQuery的条件语句 jquery语句包括哪些部分_jQuery_08


jQuery的条件语句 jquery语句包括哪些部分_选择器_09


········