JQuery初学
JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。
jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。如今,jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。
jQuery是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发者更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外,jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
jQuery,顾名思议,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。
jQuery中的html,val,text区别
今天正式接触它主要是解决多浏览器的兼容性问题,还有就是辅助我们开发Javascript,让我们更快,更有效的完成我们的开发。今天老师主要讲了三个函数html(),text(),val()。
在jQuery里面对于一些HTML的元素操作都是很简化的,这也是很多人选择使用jQuery的原因。
1.html()
在一个HTML文档中,我们可以使用.html()方法来获取任意一个元素的内容。也就是说所取得的标签所包含的所有东西。
例如:
<div id="d1"></div>
$("#dl").html("Hello<b>world</b>!");
这样就能把Hello world输入到div里。.html()替代了以的 .innerHTML ,
注:html()方法可以用于XHTML文档,但不能用于XML文档!
2.text()
取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。所标签里所包含的东西全部原样输出。
例如:
<div id="d1"></div>
$("#d1").text("<p>内容</p>");
这个div里面输出的内容就是”<p>内容</p>”, .html('test') ,则是替代了 .innerHTML = 'test'; 它和html()的区别就是text()不能把HTML的标签解析出来。
注:这个方法对HTML和XML文档都有效。
3.val()
可以返回任意元素的值了。包括select。如果多选,将返回一个数组,其包含所选的值。
$('#test').val(),也就是获取它的值,一般来说,凡是能够用在FORM里的元素,都可以用.val()来进行值的获取,如input,textarea,select等,都可以用.val()来获取它们的当前值
例如:
<input type=”text”/>
$("input").val();
用val()就可以取出input输入框中输入在值。
通过今天的学习,让我对JQuery有了一个大概的了解,不在像以前那么迷茫了,然后通过练习,我也从中体会到了它给我们带来的方便以及效率,原生的JS虽然能比较让我们看得懂一点,但有的东西会有很大的重复性。我们用JQuery就能减少代码的冗余性,从而优化我们的编码。