html 源码
javascrit代码
$(document).ready(function(){ main(); }); function main() { hidetext(); test(); textalert(); testadd(); w(); d(); qq(); // $("#selecttestinput").hide(); $("#selecttest").append("<option value='1'>1</option>"); $("#selecttest").append("<option>2</option>"); $("#selecttest").append("<option>3</option>"); $("#selecttest").append("<option value='4'>other</option>"); } function hidetext() { $("[type=button]").click(function(){ var a = "test"; var b = "test1"; console.log("a = " + a + b); debugger; $("#test").toggle(100); }); } function test() { $("input").focus(function(){ var a = "test"; console.log("a = " + a); debugger; $("#test").hide(); }); } function textalert() { $("#textalert").click(function () { var text = $("#test").text("aaabbbccc"); debugger; alert("text: " + $("#test").text()); $("#test").addClass("test"); $("#test").css({"font-size": "50px"}); }); } function testadd() { $("#selecttest").change(function () { var text = $("#test").text("112233") debugger; var msg = $("#selecttest option:selected").val(); alert(msg); if (msg =="4") { $("#selecttestinput").prop("type", "text"); } }) } function w() { $("#b").show(); $("#a").show(); $("#aa").show(); $("#w").show(); $("#q").show(); $("#c").show(); } function d() { $("#b").hide(); } function qq() { $("#w").prop('type', 'text'); //改变属性 ,此处attr()不可用 $("#c").prop('type', 'text'); //改变属性 ,此处attr()不可用 $("#ds").prop('type', 'text'); //改变属性 ,此处attr()不可用 }
执行结果:
debugger模式: