1、jQuery介绍
jQuery是一个js框架(其实就是一个.js文件),它的特点是使用选择器查找要操作的节点,并且将这些节点封装成一个jQuery对象。封装的目的是为了更好地兼容不同的浏览器之间的差异,同时也会简化代码。
注:
选择器是jQuery借鉴css选择器的语法而创建的一种查找要操作的节点的语法格式。比如 $('#id');
2、jQuery基础
(1)jQuery
中给String类增加方法(当然是不可以增加的),这样就可以用JQuery对象直接调用了,方便多次使用。
使用场合:使用频率高的方法,
JQuery经典总结
eg:下面代码的作用是对指定的文本框(errorContent)进行非空验证,并输出(errorMsg)验证提示信息。
写法一:
$.fn.required = function(errorContent, errorMsg) {
var val = $(this).val();
if (val != null && val.length > 0) {
$(errorContent).text("");
return true;
} else {
$(errorContent).text(errorMsg);
return false;
}
}
写法二:
;(function($){
$.fn.extend({
rangeLength:function(errorContent, errorMsg){
var val = $(this).val();
if (val != null && val.length > 0) {
$(errorContent).text("");
return true;
} else {
$(errorContent).text(errorMsg);
return false;
}
}
});
})(jQuery)
<script type="text/javascript">
$(function() {
$("#submit").bind("click",function(){
var b1 = $("#adminCode")
.required($("#error_adminCode"),"账号必须填写");
var b2 = $("#password")
.required($("#error_password"),"密码必须填写")
if(b1 && b3) {
$("#loginForm").submit();
}
});
});
《script》