Jquery
<script type="text/javascript"> $(document).ready(function (e) { //根据ID取元素 //var div1 = $("#div1"); //alert(div1[0]); //Jquery取出的不是DOM对象,是Jquery对象,要取该对象本身要在数组里面取第一个 //$("#div1").html(); //取ID为div1元素所包含HTML代码 //$("#div1").text(); //取ID为div1元素所包含文本 //根据class取元素 //$(".test").css("color", "yellow"); //改变class名为test的所有元素内文本颜色 //给元素添加一个点击事件 //$("#btn").click(function (e) { // //$(this).val();//取自身的value值 // //根据class取所有class名为ck的元素 // var query = $(".ck"); // for (var i = 0; i < query.length; i++) { // var ck = query.eq(i)[0]; // if (ck.checked) { // alert(query.eq(i).val()); // } // } //}) //根据标签名找元素 //$("div"); //属性筛选 //alert( $(".ck[bs=sm]").val()); //操作内容 //$("#test1").html("<span>hello</span>"); //取ID为div1元素所包含HTML代码 //$("#test1").text("测试"); //取ID为div1元素所包含文本 //表单元素操作内容 //alert($("#btn").val()); //取值 //$("#btn").val("取消"); //赋值 //操作属性 //alert( $("#test1").attr("shuxing")); //取属性值 //$("#test1").attr("shuxing","bbbb"); //给属性赋值 //操作样式 //alert($("#test1").css("color")); //取样式的值 //$("#test1").css("font-size", "25px"); //设置样式 //加事件 $("#div1").click(function () { alert($(this).text()); }) $(".test").click(function () { alert($(this).text()); }) }) //JS找元素 //var div1 = document.getElementById("div1"); //alert(div1); </script>