RadioButton|checkbox

1
2
3

<input id="Radio2" checked="checked" name="gender" type="radio" value="男" />男
<input id="Radio1" checked="checked" name="gender" type="radio" value="女" />女
<input id="Radio3"checked="checked" name="gender" type="radio" value="未知" />未知

selector

相对定位

不仅可以使用选择器进行进行绝对定位，还可以进行相对定位，只要在$()指定第二个参数，第二个参数为相对的元素.

1
2
3
4

//$(this) 代表tr，在tr下面找td
$("tr").click(function() {
       $("td:even", $(this)).css("backgroundColor", "red");
   });

常见的JavaScript框架库

为什么使用JavaScript框架库？

普通JavaScript的缺点：每种控件的操作方式不统一，不同浏览器下有区别，要编写跨浏览器的程序非常麻烦。因此出现了很多对JavaScript的封装库

一些问题

• window.event.keyCode实现对键盘的获取

  回车的keyCode为13，Tab的keyCode为9,只有少数的键才能被替换，大部分是不行的，有权限问题

• checkbox

  <input type="checkbox" id="check"/><label for="check">11111</label>让标签指向checkbox，

  Read More
  jsfoundation

练习

通过document.getElementById("XXX").style.display隐藏的是真正的使层消失

通过document.getElementById("div1").style.visibility实现的隐藏位置仍然占着，不过没有显示

以下演示了这一过程

window对象的属性

• document.write()会覆盖原有的全部内容

  Read More
  jsfoundation

Array对象

js中的数组相当于C#中的集合，数组，哈希表集合体，是个动态数组

赋值

js中的事件

1 通过调用方法名或在“”内部写
2 通过id，使用document.getElementById实现事件

js作用域

1
2
3
4
5
6
7
8
9
10
11
12

<script>
    for (var i = 0; i < 10; i++) {
        
    }               //js没有块级作用域
    alert(i);       //10

    function f1(parameters) {
        var n = 1;
    }
    //因为页面一开始加载并不会执行f1方法
    //alert(n); undefined
</script>