jQueryのいくつかのケース:行間隔の変色、チェックボックスの全選択、およびすべて選択しない

3112 ワード

1テーブルインターレース変色1技術分析:1)基本フィルタセレクタ:odd:even:2)jq追加と削除スタイル:addClass()removeClass(); 2コード実装
    <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