首页 > PHP资讯 > HTML5培训技术 > JQuery经典总结

JQuery经典总结

HTML5培训技术
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》

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持33不支持0