limlimlim的专栏

事件绑定                var oldColor;        $(function () {            //注册ID为btnTest的按钮的click事件            $("#btnTest").click(function () {                var $divs = $("div");

$(function () {            $("#tableToSelect tr").css("cursor", "pointer").mouseover(function () {                $(this).css("backgroundColor", "gold");                $(this).siblings().css("b

empty方法            #main{width:200px;margin:auto;border:1px solid red;}                                $(function () {            //清空div中的innerHTML,注意此时div还是存在的            $("#btnClea

表单对象属性过滤选择器                $(function () {            //=========举例1===========================            //:enabled 用法: $(”input:enabled”)    返回值  集合元素            //说明: 匹配所有可用元素.意思是查找所有i

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">                    select{width:100px;height:100px;float:left;margin:10px;}                #main{f

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">    属性过滤选择器            div{width:200px;border:1px solid red;margin:10px auto;}

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">    1、:input 用法: $(”:input”) ;   返回值  集合元素      说明:匹配所有 input, textarea, select 和 button 元素 2、:te

$(function () {            $("input[name='love']").click(function () {                //获得所有name为love的选中的复选框                var $Checks = $("input[name='love']:checked");                var ar

复制节点            #main{width:300px;margin:200px auto;background-color:gold;padding:10px;}                            $(function () {            var $text = $("#txt1");            $text.

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">    添加评论            #tbList td,#tbList th{border:1px solid #000;padding:5px;}

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">                    select{width:100px;height:100px;float:left;margin:10px;}                #main{f

复选框全选_反选_提交            #main{width:300px;margin:200px auto;background-color:green;padding:10px;}                            $(function () {            //全选/全不选            $("#chkAllAnd

<!--    mouseover、mouseenter的区别：div里套div。见备注。和事件冒泡有关系。    不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件     只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件(穿过子元素不会触发)-->            div{margin:auto;}        #paren

altKey、shiftKey、ctrlKey获得alt、shift、ctrl是否按下，为bool值。    keyCode、charCode属性发生时间时的keyCode、charCode。            $("a").click(function (e) {            var target = $(e.target);            alert(

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">    两个ul标签中的li互相移动            ul{list-style-type:none;float:left;margin-right:30px;background-color:Gre

//$.each(array,fn)对数组arry每个元素调用fn函数进行处理，没有返回值        var arr = { "tom": "汤姆", "jerry": "杰瑞", "lily": "莉莉" }; //json格式的对象(dict)        $.each(arr, function (key, value) { alert(key + "=" + value);

map函数                /*注意map函数不能处理json格式对象的数组。*/        $(function () {            var arr = [3, 6, 9];            ShowArray(arr);            //调用jquery的map方法    用来将一个数组，转成另一个数组

.myDiv{width:100px;background-color:Blue;}                            //JQuery选择器用于查找满足条件的元素。    //基本选择器是JQuery中最常用的选择器,也是最简单的选择器,它通过元素id,class和tagName来查找dom元素    //1.$("#id") : id选择器,

层次选择器                $(function () {            //------1.在给定的祖先元素下匹配所有后代元素(包含了子元素,以及子元素的元素,一直往下延伸)            //var $divs = $("#main div");            //for (var i = 0; i             //

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">                div{width:100px;margin:0px auto;border:1px solid red;}                    $(fun

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">                div{width:100px;margin:0px auto;border:1px solid red;}                    $(fun

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">                div{width:100px;margin:0px auto;border:1px solid red;}                    $(fun

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">                    $(function () {            //-----举例1.获取节点之前的挨着的第一个兄弟元素            //var $div

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">                        $(function () {            $("#btnTest").click(function () {

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">    评分            #tbl{border-collapse:collapse;border-top:1px solid red;border-left:1px solid red;}

#tbl{border-collapse:collapse;border-top:1px solid red;border-left:1px solid red;margin:auto;}                    #tbl td{border-collapse:collapse;border-bottom:1px solid red;border-right:1px solid

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">    基础过滤选择器            #main{width:600px;border:1px solid green;margin:auto;padding:10px;}        #tb

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">    上下文选择器                $(function () {            $("#btnTest").click(                function