6.2 JQuery是神马？

JQuery是神马？

 

Web页面上，有很多的页面效果，比如：显示/隐藏、弹出一个登录的对话框....等等，这些效果都是用javascript（简称js）实现，但是直接用js写，代码比较繁琐。JQuery就是对js的封装，让实现这些页面效果，更加简洁。

 

比如：用js隐藏一个id为"input01"的输入框元素（web页面上的所有东西，输入框、提交按钮这些，都是元素）

用js写的版本：document.getElementById("input01").style.display = 'none'

用JQuery写的版本：$("#input01").hide()

代码的繁易度，明显JQuery简单许多。

 

JQuery的使用

要怎么才能使用JQuery呢？so easy，只需要在页面中加入JQuery的js引用即可

 <script src="xxxx/xxxx/js/jquery.js" type="text/javascript"></script>

 

JQuery一些常用的语法：

比如：页面中有一个input输入框 <input id='input01' class='c01' value='input01 value'>

按ID取input元素：$("#input01")

按class取input元素：$(".input01")

取值：$("#input01").val() //会获得'input01 value'

赋值：$("#input01").val("123") //输入框的值会变为123

隐藏input：$("#input01").hide()

显示input：$("#input01").show()

 

更过的使用语法，请参考JQuery官网的手册 or 其它教程