jQueryのいくつかのケース:行間隔の変色、チェックボックスの全選択、およびすべて選択しない
3112 ワード
1テーブルインターレース変色1技術分析:1)基本フィルタセレクタ:odd:even:2)jq追加と削除スタイル:addClass()removeClass(); 2コード実装
2チェックボックス全選択、全不選択1技術分析1)jqの属性に対する操作方法.attr(); 一:().attr(“src”);二:().attr(“src”, “test.jsp”); 三:$().attr({“src”: “test.jsp” , “width”: “100”}); .removeAttr(); 同上的用法还有:.prop()、removeAttr()、addClass()、removeClass(); 2コード実装
転載先:https://www.cnblogs.com/sean-zeng/p/11024815.html
<script src="js/jquery1.11.3/jquery.min.js" type="text/javascript">script>
<script type="text/javascript">
$(function(){
$("tr:odd").css("background-color","#CC6");
$("tr:even").css("background-color","#CF0");
});
script>
2チェックボックス全選択、全不選択1技術分析1)jqの属性に対する操作方法.attr(); 一:().attr(“src”);二:().attr(“src”, “test.jsp”); 三:$().attr({“src”: “test.jsp” , “width”: “100”}); .removeAttr(); 同上的用法还有:.prop()、removeAttr()、addClass()、removeClass(); 2コード実装
$(function(){
$("#selectAll").click(function(){
if($("#selectAll").prop("checked") == true){
$(":checkbox[name='select']").prop("checked", true);
}else{
$(":checkbox[name='select']").prop("checked", false);
}
});
//
$("#selectAll").click(function(){
$(":checkbox[name='select']").prop("checked", $("#selectAll").prop("checked"));
});
});
転載先:https://www.cnblogs.com/sean-zeng/p/11024815.html