js常用汇总

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();