jquery常用语句总结

由于现在的工作，需要用到大量的jq，所以，对经常用的jq语句做个总结，也方便以后查找使用！

1.select 标签

<select id="news">
    <option value="0" >分类0</option>
    <option value="1" >分类1</option>
</select>

1.1 获得value值

$('#news').val();

1.2 获得选中的option 显示的值 如“分类0”

$('#news option:selected').text();

2. button不能点击

<button type="submit" id="auditSaveBtn" >提交审核</button>
$("#auditSaveBtn").prop("disabled",true);

需注意，标签需要用button，否则还是可以再次点击。我一开始用的a标签，就不可以。
关于prop和attr的区别
1.一般像添加 disabled、checked、selected 這些属性用 prop， 属性类型是 boolean 類型的時候 用prop 比較好，其他用attr

3.全选

<input type="checkbox"  id="checkAllBtn"  class="delinput" >
<input type="checkbox" class="flat-red checkBtn" data-id="1">
<input type="checkbox" class="flat-red checkBtn" data-id="2">
<input type="checkbox" class="flat-red checkBtn" data-id="3">
//点击全选后选中所有
 $(function(){
    $("#checkAllBtn").click(function(){
        $(".checkBtn").prop("checked",$(this).is(":checked"));
        })
    });
//获取选中的checkbox的值
var idArr = [];
$(".checkBtn").each(function(index,obj){
                if($(obj).is(':checked')){
                    idArr.push($(obj).data('id'));
            }
});
if(idArr.length == 0){
    ui.error("至少选择一条记录");
        return;
    }
var ids = idArr.join(',');
//ids 就是"1,2,3"

4.My97DatePicker使用

今天使用这个插件想在改变年的时候，触发一个函数，

<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>

<!--这里只显示年-->
<input id="year" type="text"  onfocus="WdatePicker({skin:'default',dateFmt:'yyyy',ychanged:cYearFunc})" class="form-control"/>
<script type="text/javascript">
    function cYearFunc(){
        console.log("32423")
}
</script>

5.attr 和 prop 的区别

• 对于HTML元素本身就带有的固有属性，在处理时，使用prop方法。
• 对于HTML元素我们自己自定义的DOM属性，在处理时，使用attr方法。

---

暂时先总结这些，以后慢慢补充