JQuery小集合

mac2022-06-30  91

      前段时间的开发中,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) {                      //回调函数,请求成功后返回的结果处理                         }                     });         可实现无刷新请求,用户体验会比较好。

转载于:https://www.cnblogs.com/shimin/archive/2012/05/17/shi_min.html

最新回复(0)