前段时间的开发中,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