1 / 12
文档名称:

jQuery教程14个实用的jQuery技巧.doc

格式:doc   大小:35KB   页数:12页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

jQuery教程14个实用的jQuery技巧.doc

上传人:j14y88 2019/12/23 文件大小:35 KB

下载得到文件列表

jQuery教程14个实用的jQuery技巧.doc

文档介绍

文档介绍:-两个人同时犯了错,站出来承担的那一方叫宽容,另一方欠下的债,早晚都要还。-不爱就不爱,别他妈的说我们合不来。jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用,是因为它上手和使用相当简单,而且为我们提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题,这通常是明智的选择。但是当插件相对于你的需求有一定缺陷的时候,你也许更应该想办法自己来解决,下面来看看这些实用的jQuery技巧,他们肯定会能够派上用场的!,它能在线免费使用,当然你也能下来到本地离线使用。这个测试页面包含复杂的HTML组合字段,然后你能尝试预定义使用各种jQuery选择器。如果这还不够你也可以自定义选择器。,你首先可以尝试使用验证首个元素是否存在:if($(selector)[0]){...}//或者这样if($(selector).length){...}来看看这个例子://<ulid="shopping_cart_items"><li><inputclass="in_stock"name="item"type="radio"value="Item-X"/>ItemX</li><li><inputclass="unknown"name="item"type="radio"value="Item-Y"/>ItemY</li><li><inputclass="in_stock"name="item"type="radio"value="Item-Z"/>ItemZ</li></ul><preescaped="true"lang="javascript">...//这个if条件将返回true,因为我们有两个//input域匹配了选择器,所以<statement>代码将会执行if($('#')[0]){<statement>}。<scriptsrc="http://code./jquery-"></script>你可以使用这个方法来调用最近版本的jQuery框架,当然,:<scriptsrc="http://ajax./ajax/libs/jquery/.js"type="text/javascript"></script>,有些前端开发er喜欢使用HTML的属性来存储数据:$('selector').attr('alt','databeingstored');//之后可以这样读取数据:$('selector').attr('alt');使用”alt”属性来作为参数名存储数据其实对于HTML来说是不符合语义的,我们可以使用jQuery的data方法来为页面中的某个元素存储数据:$('selector').data('参数名','要存储的数据');//之后这样取得数据:$('selector').data('参数');这个data方法能让你自己明明数据的参数,更语义更灵活,你可以在页面上的任何元素存储数据信息。如果想了解更多关于data()和removeData()方法的介绍,可以看看jQuery官方讲解这个方法的经典应用是给input域一个默认值,然后在聚焦的时候清空它:HTML部分:<formid="testform"><inputtype="text"class="clear"value="Alwayscleared"/><inputtype="text"class="clearonce"value="Clearedonlyonce"/><inputtype="text"value="Normaltext"/></form>JavaSript部分:$(function(){//取出有clear类的input域//(注:"clearonce"是两个classclear和once)$('#').each(function(){//使用data方法存储数据$(this).data("txt",$.trim($(this).val()));}).focus(function(){//获得焦