Jquery使用小结..doc

Jquery使用小结 为jquery 替换$ 符号以避免冲突 var h =jQuery.noConflict(); h 即可替代$ 示例： var h =jQuery.noConflict(); alert(h(div).html()); h(div).height(300px).css(background-color,red); 2．节点操作 //获取所有div.../标签对应的DOM对象 $(div).append(新增的内容); //使用字符串创建一个DOM对象，并将添加到body元素内 $(input type=button value=单击我/).appendTo(document.body); //注意document.body不用“”号 //直接将一个DOM对象包装成jQuery对象 $(document.getElementById(lee)) .css(background-color , #aaffaa) .css(border , 1px solid black); //指定页面加载完成后 $(function() { alert(页面加载完成); }); //获取所有的input、textarea、button、select元素 $(:input).val(test); //获取所有指定了selected=selected的元素 $(:selected).css(border , 2px dashed black); //注意属性值不要有多余的空格 //获取所有指定了checked=checked的元素,并取消它们的选中 $(:checked).attr(checked , ); //访问页面中第1、4、7...个li元素 $(li:nth-child(3n+1)).css(border , 1px dashed black); //n代表下标从1开始 //访问页面中span元素、且该span元素的父元素下仅包含该span元素。 $(span:only-child()).append( b是作为父元素唯一子元素的span元素/b); //注意此方式仅在jquery1.2.6 版本中测试成功 //测试:first和:first-child之间的关系 alert($(ulli:first).html() == $(ulli:first-child).html()); 对于ul的操作 //访问ul元素下第一个li子元素。 $(ulli:first).append(b 是ul元素之内第一个li子元素/b); //访问ul元素之内，没有id属性的li子元素 $(ulli:not([id])).append(b 是ul元素之内、没有id属性li子元素/b); //访问ul元素之内，索引为奇数的li子元素，并为它们添加背景色 $(ulli:even).css(background-color, #ccffcc); //访问ul元素之内，索引大于4的li子元素(元素索引从0开始) $(ulli:gt(4)).append(br/b 是ul元素之内、索引大于4的li子元素/b) .css(border , 1px dashed black); //访问ul元素之内，且包含span元素的li子元素 $(ulli:has(span)).append( br/b 是ul元素之内、且包含span元素的li子元素/b); //访问li元素之内，且可见的span子元素 $(lispan:visible).append( b 是li元素之内，且可见的span子元素/b) .css(background-color , #bbbbbb); //获取id为java的元素 $(#java).append(b 是id为java的元素/b); //获取所有包含id属性的li.../元素，为它们增加背景色 $(li[id]).css(background-color , #bbbbff); //获取class属性为test的元素，并为它们增加边框 $(.test).css(border , 3px dotted black); //同时获取id为xml、workflow的元素 $(#xml,#workflow).append(b是id为xml、workflow其中之一的元素/b); //获取ul之内，id为ajax的元素 $(ul #workflow).append(br /b位于ul之内、id为workflow的子元素/b); //注意在节点后代表的是该节点结束标记后的部分不是其实标记后的部分。 //获取ul之内，id为ajx的直接子元素 $(ul#ajax).append(bul之