由于现在的工作,需要用到大量的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方法。
暂时先总结这些,以后慢慢补充