JQuery小集合

      前段时间的开发中，JQuery的使用越来越频繁了，小到选择器，大到JQuery插件，之前看过JQuery的书籍，但还是没项目应用的体会来得深刻，看书只能知其然，不能知其所以然，废话不多说，下面我总结一下项目中使用到的一些基础JQuery语句，下一篇再总结下插件的使用：

      在JQuery中使用得最多的是什么，我相信会是选择器：

 

                1. ID选择器    $("#id")在JavaScript中相当于document.getElementById('id'),而且是有过之而无不及，当页面上不存在该id时用JavaScript的写法就会报错，用JQuery则不会，真是 write less， do more

 

                2. name选择器 $("[name='']") 有时需要根据name来获取对象，就需要用到该选择器了，在JavaScript中相当于document.getElementsByName(''),获取下来后是一组对象的集合，通常都需要去遍历它，在JavaScript就只能用最传统的for循环了，而JQuery提供了非常便捷的方法 $("[name='']").each(function () { $(this) }) 用$(this) 就可以遍历到每一个对象了，也可直接用 $("[name='']").attr('name','value')来直接改变属性，用$("[name='']").css('name','value')来改变某一样式

 

                3. 选择器还有很多，比如类选择器,$('.classname')就可以获取到应用了 classname样式的对象了,还有element元素选择器 $('div') 获取页面上所有的div,还有层次选择器，这个应用到的地方就比较少了，我就不多说了，关于选择器的介绍，我推荐下面一篇文章，从零开始学习jQuery，讲得很全。

        

        选择器实现隔行变色也就一行代码的事：$("tr:odd").css("background", "#DFF3FE");  表格的偶行数变色，奇行数为：$("tr:odd").css("background", "#DFF3FE");  当然，table已经被淘汰掉了，现在基本上都是用div ul，把tr换成ul即可，用 $("#ww ul:odd").css("background", "#fff") 则可指定id为ww的对象下的 ul 偶行数变色。

 

        用JQuery实现对象的显示隐藏也很容易，$('#id').show()、$('#id').hide()就可以了，对于按钮也适用哦。

 

        在项目中，JQuery的异步请求也应用的不少：

                $.ajax({

                        url: '/Home/Remind',                                //要请求的链接

                        type: 'POST',                                               //请求的方式

                        data: { },                                                      //参数的传递

                        dataType: 'html',                                      //类型，还有json、xml等

                        timeout: 1000,                                         //超时时间

                        success: function (result) {                      //回调函数，请求成功后返回的结果处理

                        }

                    });

        可实现无刷新请求，用户体验会比较好。