python javascript

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模式：