欢迎来到天天文库
浏览记录
ID：20252454
大小：39.00 KB
页数：12页
时间：2018-10-11
《jquery教程14个实用jquery技巧》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。
1、jQuery教程14个实用的jQuery技巧1.测试并提升你的jQuery选择器水平这个jQuery选择器实验室非常酷，它能在线免费使用，当然你也能下来到本地离线使用。这个测试页面包含复杂的HTML组合字段，然后你能尝试预定义使用各种jQuery选择器。如果这还不够你也可以自定义选择器。2.测试jQuery包装集是否包含某些元素如果你想测试一下某个jQuery包装集中是否包含某些元素，你首先可以尝试使用验证首个元素是否存在：if($(selector)[0]){...}//或者这样if($(selector).length){
2、...}来看看这个例子：//例子.如果你的页面有以下html代码ItemXItemY3、tem-Z"/>ItemZ...//这个if条件将返回true，因为我们有两个//input域匹配了选择器，所以代码将会执行if($('#shopping_cart_itemsinput.in_stock')[0]){}3.从jquery.org读取jQuery最新版本你可以使用这句代码读取jQuery的最新版本的代码文件。4、jquery-latest.js">你可以使用这个方法来调用最近版本的jQuery框架，当然，你还可以使用下面这个代码从ajax.googleapis.com调用同样的最新版本jQuery：4.存储数据使用data方法可以避免在DOM中存储数据，有些前端开发er喜欢使用HTML的属性来存储数据：$5、('selector').attr('alt','databeingstored');//之后可以这样读取数据:$('selector').attr('alt');使用”alt”属性来作为参数名存储数据其实对于HTML来说是不符合语义的，我们可以使用jQuery的data方法来为页面中的某个元素存储数据：$('selector').data('参数名','要存储的数据');//之后这样取得数据:$('selector').data('参数');这个data方法能让你自己明明数据的参数，更语义更灵活，你可以在页面上的任何元素存储6、数据信息。如果想了解更多关于data()和removeData()方法的介绍，可以看看jQuery官方讲解这个方法的经典应用是给input域一个默认值，然后在聚焦的时候清空它:HTML部分:7、orm>JavaSript部分：$(function(){//取出有clear类的input域//(注:"clearonce"是两个classclear和once)$('#testforminput.clear').each(function(){//使用data方法存储数据$(this).data("txt",$.trim($(this).val()));}).focus(function(){//获得焦点时判断域内的值是否和默认值相同，如果相同则清空if($.trim($(this).val())===$(this).da8、ta("txt")){$(this).val("");}}).blur(function(){//为有classclear的域添加blur时间来恢复默认值//但如果class是once则忽略if($.trim($(this).val())===""&&!$(this).has
3、tem-Z"/>ItemZ
4、jquery-latest.js">你可以使用这个方法来调用最近版本的jQuery框架，当然，你还可以使用下面这个代码从ajax.googleapis.com调用同样的最新版本jQuery：4.存储数据使用data方法可以避免在DOM中存储数据，有些前端开发er喜欢使用HTML的属性来存储数据：$
5、('selector').attr('alt','databeingstored');//之后可以这样读取数据:$('selector').attr('alt');使用”alt”属性来作为参数名存储数据其实对于HTML来说是不符合语义的，我们可以使用jQuery的data方法来为页面中的某个元素存储数据：$('selector').data('参数名','要存储的数据');//之后这样取得数据:$('selector').data('参数');这个data方法能让你自己明明数据的参数，更语义更灵活，你可以在页面上的任何元素存储
6、数据信息。如果想了解更多关于data()和removeData()方法的介绍，可以看看jQuery官方讲解这个方法的经典应用是给input域一个默认值，然后在聚焦的时候清空它:HTML部分:7、orm>JavaSript部分：$(function(){//取出有clear类的input域//(注:"clearonce"是两个classclear和once)$('#testforminput.clear').each(function(){//使用data方法存储数据$(this).data("txt",$.trim($(this).val()));}).focus(function(){//获得焦点时判断域内的值是否和默认值相同，如果相同则清空if($.trim($(this).val())===$(this).da8、ta("txt")){$(this).val("");}}).blur(function(){//为有classclear的域添加blur时间来恢复默认值//但如果class是once则忽略if($.trim($(this).val())===""&&!$(this).has
7、orm>JavaSript部分：$(function(){//取出有clear类的input域//(注:"clearonce"是两个classclear和once)$('#testforminput.clear').each(function(){//使用data方法存储数据$(this).data("txt",$.trim($(this).val()));}).focus(function(){//获得焦点时判断域内的值是否和默认值相同，如果相同则清空if($.trim($(this).val())===$(this).da
8、ta("txt")){$(this).val("");}}).blur(function(){//为有classclear的域添加blur时间来恢复默认值//但如果class是once则忽略if($.trim($(this).val())===""&&!$(this).has
此文档下载收益归作者所有
