1:當選中的多選框變化時的jq表達
$("input[name='years[]']:checkbox").on('change',function () {
});
2:讓被選中的的多選框進行循環
$("input[name='years[]']:checkbox:checked").each(function(){
});
3:讓變量餘2個小數點
total_money.toFixed(2)
4:from表單jq提交的兩種方式
a)$(".pay").click(function(){
$("#payfrom").submit();//#payfrom是from表單的id
});
b)$(".pay").click(function(){
document.searchForm.action='{:U(addcat)}';//searchForm爲from的name值
});
5:只取整數的函數:parseInt();
6:獲取某個ul下的li個數:$(".bd li").length;
7:獲取標籤的id值:var id = $(this).attr("id");
8:獲取標籤的data-id="{$row['cid']}"值:var id= $(this).data("id");
9:ajax的寫法
$.ajax({
type: 'POST',
url: "{:U('Goods/cart')}",
data:{"cid":id,"type":type},
success: function(data){
//console.log(data);
js();
},
});
10:去除標籤的checked選中值:$("#"+bb).attr("checked",false);
11:是否給標籤加禁用屬性:$("#lijig").attr('disabled',true);//falst是禁用
12:頁面一加載完畢就執行的的函數:
$(document).ready(function(){
// 更新商品價格
get_goods_price();
});
13:ceil() 方法可對一個數進行上舍入。
14:在指定標籤後結尾插入內容:$(".ajax_return").append(data);
15:當按下按鍵時,改變文本域的顏色://keyup
$("input").keyup(function(){
$("input").css("background-color","#D6D6FF");
});
16:當輸入域失去焦點 (blur) 時改變其顏色:
$("input").blur(function(){
$("input").css("background-color","#D6D6FF");
});
ps:獲取焦點$("#err_phone").focus();
17:jq添加form提交地址
document.searchForm.action='{:U("Cart/order1")}';//searchForm是form的name名
18:刪除HTML元素
remove() - 刪除被選元素(及其子元素)
empty() - 從被選元素中刪除子元素
19:layer彈出層強制關閉
layer.closeAll();
window.parent.location.reload();//讓打開這個窗口的父窗口刷新,然後本子窗口關閉!;layer彈出加載頁,操作後返回時關閉彈出層
20:判斷是本地(localhost)還是線上(.com)
//判斷是本地(localhost)還是線上(.com)返回url
function getURL() {
var strPath = window.document.location.pathname;
var postPath = strPath.substring(0, strPath.substr(1).indexOf('/') + 1);// 取得文件根目錄
var arr = ["com","xyz","net","top","tech","org","gov","edu","cn","tv"];
var url = 'http://'+document.domain;
for (var i = 0; i < arr.length; i++) {
if (url.indexOf(arr[i])>-1){
return url;
} else {
return (url + postPath);
}
}
}
21:jq添加刪除修改class名
參考地址
一個標籤可以指定多個class
1. 增加一個class:
$(".default").addClass("hover_s");
2. 移除一個class:
$(".default").removeClass("default ");
3. 修改一個class:
3.1 可以分兩步走:
1 先增加一個你要增加的class
$(".default").addClass("hover_s");
2 再刪除一個你想要刪除的class
$(".default").removeClass("default ");
或者反過來,先刪除,後增加也行。
3.2 可以直接設置成你想要的class
$(". default ").attr("class", " hover_s fl fv lv ");
4. 當鼠標移到,離開指定標籤時修改class
移到時改成hover_s,離開時改成default
$(".default").hover(function () {
$(this).addClass("hover_s");
$(this).removeClass("default");
}, function () {
$(this).addClass("default");
$(this).removeClass("hover_s");
});
5. 獲取標籤的所有class
var classname_module = $(".lv").attr("class");
22:獲取單選被選中值
$('input:radio[name="sex"]:checked').val();
23:thinkphp下U方法傳參
window.location.href="{:U('controller/view')}?text="+text;
在JavaScript中有三種聲明變量的方式:var、let、const
參考鏈接
1.const 聲明創建一個只讀的常量。這不意味着常量指向的值不可變,而是變量標識符的值只能賦值一次,必須初始化。
const b = 2;//正確
// const b;//錯誤,必須初始化
console.log(‘函數外const定義b:’ + b);//有輸出值
// b = 5;
// console.log(‘函數外修改const定義b:’ + b);//無法輸出
2.var 語句用於聲明變量。
var a; //undefined (如果不初始化,輸出undefined)
var a=666; //放到方法外面爲全局變量
function fun(){
//var a=555; //放到方法內部爲局部變量,只能在fun()內部讀取
console.log(a); //666
}
如果不實用var 關鍵詞,無論放到方法內還是方法外都是全局變量,所以var 會影響變量作用域。
3.let是塊級作用域,函數內部使用let定義後,對函數外部無影響。
ES6新增了let命令,用來聲明變量。它的用法類似於var,但是所聲明的變量,只在let命令所在的代碼塊內有效。即聲明一個局部變量。
以for循環爲例:
下面的代碼如果使用var,最後輸出的是10。
var a = [];
for (var i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a6; // 10
上面代碼中,變量i是var聲明的,在全局範圍內都有效。所以每一次循環,新的i值都會覆蓋舊值,導致最後輸出的是最後一輪的i的值。(常見於閉包的考察)
如果使用let,聲明的變量僅在塊級作用域內有效,最後輸出的是6。
var a = [];
for (let i = 0; i < 10; i++) {
a[i] = function () {
console.log(i);
};
}
a6; // 6
上面代碼中,變量i是let聲明的,當前的i只在本輪循環有效,所以每一次循環的i其實都是一個新的變量,所以最後輸出的是6。