目录
-
css样式
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../js/jquery-3.4.1.min.js" ></script> </head> <body> <div>hello nice to meet you </div> <script> /**设置样式 设置一个样式 * $(选择器).css(样式名, 样式值) * * 设置多个样式 * $(选择器).css({key:value, key:value....}) */ //$("div").css("color", "plum") $("div").css({ "background-color":"#3c5c5d", "border":"2px solid blue", "color":"white" }) /** * 获取样式 * $(选择器).css(样式名) */ console.log($("div").css("color")) </script> </body> </html>
-
html&css方法
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="../js/jquery-3.4.1.min.js"></script> </head> <body> <!-- <div>1</div> <div class="x">2</div> <div>3</div> <div class="x">4</div> --> <button>全选</button> <button>全不选</button> <p> <span>爱好是:</span> <input type="checkbox"><span>打篮球</span> <input type="checkbox"><span>踢足球</span> <input type="checkbox"><span>沙滩球</span> <input type="checkbox"><span>棒球</span> </p> <script> //$("div").remove() // $("div").remove(".x") // 全选 $("button").eq(0).click(function(){ /** * attr是添加属性 和 移除属性来完成全选和全不选的 */ //$("input").attr("checked", "checked") // prop这个操作属性时 对于判定性的属性 是通过true和false来完成操作的 $("input").prop("checked", true) }) $("button").eq(1).click(function(){ //$("input").removeAttr("checked") $("input").prop("checked", false) }) </script> </body> </html>