菜鸟笔记-8月21日

getElementsByName

　　getElementsByName() 方法可返回带有指定名称的对象的集合。

　　语法

　　document.getElementsByName(name)该方法与 getElementById() 方法相似，但是它查询元素的 name 属性，而不是 id 属性。

　　另外，因为一个文档中的 name 属性可能不唯一（如 HTML 表单中的单选按钮通常具有相同的 name 属性），所有 getElementsByName() 方法返回的是元素的 数组，而不是一个元素。如果一个文档中有两个以上的标签NAME相同，那么getElementsByName()就可以取得这些元素组成一个数组。

　　比如有两个DIV：

　　<div name="docname" id="docid1"></div>

　　<div name="docname" id="docid2"></div>

　　那么可以用getElementsByName("docname")获得这两个DIV，用getElementsByName("docname")[0]访问第一个DIV，用getElementsByName("docname")[1]访问第二个DIV。

append()方法的使用

append() 方法在被选元素的结尾（仍然在内部）插入指定内容。

提示：append() 和 appendTo() 方法执行的任务相同。不同之处在于：内容的位置和选择器。

如： $(document).ready(function() {
            $("div").append("大家好欢迎使用 jquery");}）

Lambda表达式

“Lambda 表达式”是一个匿名函数，它可以包含表达式和语句，并且可用于创建委托或表达式目录树类型。 所有 Lambda 表达式都使用 Lambda 运算符 =>，该运算符读为“goes to”。该 Lambda 运算符的左边是输入参数（如果有），右边包含表达式或语句块。Lambda 表达式 x => x * x 读作“x goes to x times x”。

　Lambda表达式的本质是“匿名方法”，即当编译我们的程序代码时，“编译器”会自动将“Lambda表达式”转换为“匿名方法”，如下例：

　　string[] names = { "agen", "balen", "coure", "apple" };

　　string[] findNameA = Array.FindAll<string>(names, delegate(string v) { return v.StartsWith("a"); });

　　string[] findNameB = Array.FindAll<string>(names, v => v.StartsWith("a"));

关于其更详细了解是：http://www.cnblogs.com/wlflovenet/

event.stopPropagation()方法使用

在显示列表中如果我们侦听到了事件，同时不希望事件继续在显示列表中传递（冒泡），就可以调用event.stopPropagation()，具体代码如下：

//#switcher .button 和上面的Style对应，这句话的意思是为每一个按钮类都绑定单击事件
            $('#switcher .button').click(function(event) {
                $('body').removeClass();
                if (this.id == 'switcher-narrow') {
                    $('body').addClass('narrow');
                }
                else if (this.id == 'switcher-large') {
                    $('body').addClass('large');
                }
                $('#switcher .button').removeClass('selected');
                $(this).addClass('selected');
                //阻止冒泡
                event.stopPropagation();
               
            });

Jquery 中toggleCLass属性：

 toggleClass()如果存在类则删除，不存在则添加
                $('#switcher .button').toggleClass('hidden');

toggle()函数

jQuery 的toggle()函数使用show()或hide()函数来切换HTML元素的可见状态。

语法：

$(selector).toggle(speed,callback,switch);

$(document).ready(function() {
            //定义一个方法名字，方便多次调用
            var toggleStyleSwitcher = function() {
                //toggleClass()如果存在类则删除，不存在则添加
                $('#switcher .button').toggleClass('hidden');
            };

            //注册单击事件的行为
            $('#switcher').click(toggleStyleSwitcher);

            //toggle方法会交替操作参数1和参数2
            $('#switcher').toggle(function() {
                $('#switcher .button').addClass('hidden'); //隐藏所有按钮，因为jquery有迭代能力所有可以使所有button有效
            },
            function() {
                $('#switcher .button').removeClass('hidden'); //去除所有按钮的隐藏css
            })

unbind() 方法

实例

移除所有 p 元素的事件处理器：

$("button").click(function(){
  $("p").unbind();
});

亲自试一试

定义和用法

unbind() 方法移除被选元素的事件处理程序。

该方法能够移除所有的或被选的事件处理程序，或者当事件发生时终止指定函数的运行。

ubind() 适用于任何通过 jQuery 附加的事件处理程序。

 html()方法

html() 方法返回或设置被选元素的内容 (inner HTML)。

如果该方法未设置参数，则返回被选元素的当前内容。

返回元素内容

当使用该方法返回一个值时，它会返回第一个匹配元素的内容。

语法

$(selector).html()