jquery常用语句总结

来源:互联网 发布:糊是什么意思网络语言 编辑:程序博客网 时间:2024/05/28 18:45

由于现在的工作,需要用到大量的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>

这里写图片描述


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

原创粉丝点击