addClass()和css()方法可以方便地操作元素中的样式,前者括号中的参数为增加元素的样式名称,后者直接将样式的属性内容写在括号中。
2015-07-29
attr()方法的作用是设置或者返回元素的属性,其中attr(属性名)格式是获取元素属性名的值,attr(属性名,属性值)格式则是设置元素属性名的值。
2015-07-29
<div class="red">立正,向我这边看齐</div>
<div class="green">我先歇歇脚</div>
<script type="text/javascript">
var $redHTML = $(".red").html();
$(".green").css("color","red");
$(".green").html($redHTML);
</script>
<div class="green">我先歇歇脚</div>
<script type="text/javascript">
var $redHTML = $(".red").html();
$(".green").css("color","red");
$(".green").html($redHTML);
</script>
2015-07-29
<script type="text/javascript">
var $txtOpt = $("#frmTest :selected").text();
$("#tip").html("选中内容为:" + $txtOpt);
</script>
var $txtOpt = $("#frmTest :selected").text();
$("#tip").html("选中内容为:" + $txtOpt);
</script>
2015-07-29
$(function(){
$("#btntest").bind("click",function(){
$(this).attr("disabled","true");
$(this).css("background","red");
$("#sss").css("font-size","80px");
});$("#huanyuan").bind("click",function(){
$(this).css("background","blue");
$("#sss").css("font-size","14px");
});
});
$("#btntest").bind("click",function(){
$(this).attr("disabled","true");
$(this).css("background","red");
$("#sss").css("font-size","80px");
});$("#huanyuan").bind("click",function(){
$(this).css("background","blue");
$("#sss").css("font-size","14px");
});
});
2015-07-29
<button id="btntest">点我</button>
<button id="huanyuan">还原</button>
<p id="sss">看错了</p>
<button id="huanyuan">还原</button>
<p id="sss">看错了</p>
2015-07-29
<div>我变胖了</div>
<p>我变得美丽了</p>
</body>
<script type="text/javascript">
$("div").css("font-weight","bold");
$("p").css("color","red");
$(function(){
$("p").click(function(){
$(this).css("color","red") ;
});
$("p").dblclick(function(){
$(this).css("color","blue");
});
}); </script>
<p>我变得美丽了</p>
</body>
<script type="text/javascript">
$("div").css("font-weight","bold");
$("p").css("color","red");
$(function(){
$("p").click(function(){
$(this).css("color","red") ;
});
$("p").dblclick(function(){
$(this).css("color","blue");
});
}); </script>
2015-07-29
<div id="divtest">a</div>
<div id="default"></div>
<div id="aaa"></div>
<script type="text/javascript">
$('#default').html($("#divtest").html());
$('#aaa').html($("#default").html());
</script>
<div id="default"></div>
<div id="aaa"></div>
<script type="text/javascript">
$('#default').html($("#divtest").html());
$('#aaa').html($("#default").html());
</script>
2015-07-29
Ajax的效果都要开启服务器并用服务器打开才会有效果的,例:下一个阿帕奇服务器,并把网页放到服务器的根目录,开启服务器,在网址那输入“localhost/test.html”就可以看到效果啦,求赞~!
2015-07-29