那些你经常会用的Jquery语法

操作代码

<select id="selectdemo">
    <option value="1" for="11">first
    </option>
    <option value="2" for="22">second
    </option>
    <option value="3" for="33">third
    </option>
</select>
1、获取select元素当前选中的信息
//获取当前的选中的value
var selval = $("#selectdemo :selected").val();
console.log(selval);
 //获取当前的选中的值
var seltext = $("#selectdemo :selected").text();
console.log(seltext);
//获取当前的选中的其他属性值
var seltattr = $("#selectdemo :selected").attr("for");
console.log(seltattr);
//获取当前option是否被选中
var flg=$("[for='11']").is(":selected");
console.log(flg);
//获取option选项中名称与想查找的值相符的项
var flg=$("option:contains('"+selectvalue.productname+"')").attr("selected",true);
console.log(flg);

操作代码

<input type="radio" name="first" for="11" checked value="1">1
<input type="radio" name="first" for="22" value="2">2   
2、获取radio元素当前选中的信息
//获取选中的radio元素的value
var chkval=$("[name='first']:checked").val();
console.log(chkval);
//获取选中的radio元素的属性值
var chkattr=$("[name='first']:checked").attr("for");
console.log(chkattr);
//radio元素是否被选中
var flg=$("[for='11']").is(":checked");
console.log(flg);

checkbox想必也就明白怎么处理了吧

操作代码

 <label id="first">one</label>
3、获取label元素修饰的信息
//本例获取的就是one
var text=$("#first").html();
console.log(text);
4、为符合条件的input元素赋值
//input元素中存在json-id属性的元素集会
$(frm).find(":input[json-id]").each(function (i) {
    //这里的map是一个将要赋值的json对象,所以这个语句就是取得json对象中与当前input的name属性值相同key的value值
    var o = eval('map.' + $(this).attr("name"));
    $(this).val(o);
});
5、日期格式的字符串转为Json串前的处理

如果2015-11-10 15:11:34格式的日期格式字符串转为json传给服务端,服务端是无法转为Date类型的

var formdata = {};
var timestr= '2015-11-10 15:11:34';
//将其格式转换一下
timestr = timestr.replace(/-/g, "/");
var date = new Date(timestr);
formdata.ctime = date;
6、关于数组的那些事
var arr=[];
//添加元素
arr.push(1,2);
//结果:[1,2]
//删除指定元素
arr.remove(1)
//结果:[2]

//排序问题,sort要有一个比较的方法
arr = [2, 4, 6, 2, 4, 8, 11, 34];
console.log(arr.sort().toString());  //11,2,2,34,4,4,6,8
console.log(arr.sort(function (a, b) {
    return a - b;
}).toString());  //2,2,4,4,6,8,11,34

//遍历
arr = [2, 3, 4, 5, 6, 7, 8];
arr.forEach(function (val, idx) {
    console.log(val);
})
7、异步获取数据
    $.ajax({
        type : "POST",
        url : URL,
        data : DATA,
        dataType : "json",
        success : function(data) {
            ....
        },
        error : function() {
            ....
        }
    });
8、JSON串转为对象
//json为json串,data则为转化后的json对象,这样你就可以data.name的方式获取KEY为name的值了
data = $.parseJSON(json);
9、遍历
$.each( [0,1,2], function(i, n){
  alert( "Item #" + i + ": " + n );
});
10、String类型转为int类型
var intno=Number('1'); 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值