jQuery 常用的代码片段

时间:2022-03-22 04:57:47

1.  官网下载链接: http://jquery.com/download/

2.  引入jquery 文件方式:

(1) <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

(2) <script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js">

(3) <script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js">

(4) <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">

(5)<script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js">

用别人的js文件的作用:

许多用户在访问其他站点时,已经从百度、又拍云、新浪、谷歌或微软加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。

(6)自定义:<script src="jquery-1.10.2.min.js"></script>

3. 文本就绪事件:

$(document).ready(function(){

   // jQuery methods go here...

});
$(function(){

   // jQuery methods go here...

}); 

选择器:

$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});
<a href="javascript:;" onclick="firm('${info.id}')">删除</a>

<script>
function firm(id){
if(confirm("该借款申请正在编辑中,确定删除?")){
//如果是true ,那么就删除订单
var url = "<%=basePath%>myFinance/deleteRechargeOrder/"+id;
window.location.href=url;
}
else{ }
}
</script>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<fmt:formatNumber value="${accountAsset }" pattern="#,##0.00"/><em>元</em>

根据ID获取值:

var inputNumber = jQuery("#inputNumber").val();

验证输入框:

//1.验证是否为空
if(inputNumber==""){
jQuery("#inputNumberError").html("提现金额不能为空!");
return false;
} //2.不能输入中文
var reg = new RegExp("[\\u4E00-\\u9FFF]+","g");
if(reg.test(inputNumber)){
jQuery("#inputNumberError").html("提现金额不能输入中文字!");
flag =false;
} //3.验证是否为数字
var reg = /^([\d]+|([\d]+[.]?|[\d]+[.]?[\d]+))$/;
if(!reg.test(inputNumber)){
jQuery("#inputNumberError").html("提现金额必须为数字!");
flag =false;
}