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引入是一样的,如下截图。
然后可以在HTML页面代码中敲jQuery,基本与JavaScript差不多,然后就可以放一个script标签,里面开始你的jQuery代码。
下截图为原生的jQuery,还有简写的jQuery。
引入jQuery,script标签,创建一个jQuery事件,然后写代码。我们可以先验证下是否成功,如下截图。(切记美元符号 $ ()({})。这样的一个格式。
alert(‘123‘)这样就会在浏览器输出123.验证成功。
4、 事件-鼠标事件
1鼠标单击事件
onclick事件
1美元符号 $。
2获取元素记得标双引号或单引号 “” ‘’ 。
3事件:click是单击事件、也可以双击事件dblclick、移入事件mouseover、移出事件mouseout······
4格式先.click(function(){})。
5、 HTML元素的获取
#id、class、*、给定一个元素等元素选择器,
上截图2中也说了括号里先给双引号或单引号然后再获取HTML元素。
先给button定义一个id,在jQuery里获取这个id,#为id选择器-#id,类选择器也有 .class
这是要特别注意的一点,记得定义,写选择器符号,再写元素。
6、jQuery添加新元素
append()在所选的元素结尾添加元素
prepend()在所选的元素开头添加元素
如上截图,p标签文字为大树开发,要添加工作室在他结尾,大树开发工作室
结尾添加用append()方法,开头添加用prepend()
········