`
jjfat
  • 浏览: 284019 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

分享50个使你成为高级javascript开发者的jQuery的代码开发技巧 - 第一部分

阅读更多

翻译:Terry li - GBin1.com
英文: 50 jQuery Snippets That Will Help You Become A Better JavaScript Developer
1. 创建一个嵌套的过滤器

.filter(":not(:has(.selected))") //去掉所有不包含class为.selected的元素

2. 重用你的元素查询

var allItems = $("div.item"); 
var keepList = $("div#container1 div.item");
<div>class names:
$(formToLookAt + " input:checked").each(function() {     keepListkeepList = keepList.filter("." + $(this).attr("name")); });
</div>

3. 使用has()来判断一个元素是否包含特定的class或者元素

//jQuery 1.4.* includes support for the has method. This method will find 
//if a an element contains a certain other element class or whatever it is 
//you are looking for and do anything you want to them.
$("input").has(".email").addClass("email_icon");

4. 使用jQuery切换样式

//Look for the media-type you wish to switch then set the href to your new style sheet 
$('link[media='screen']').attr('href', 'Alternative.css'); 

5. 限制选择的区域

...
...
原文出处:
分享50个使你成为高级javascript开发者的jQuery的代码开发技巧 - 第一部分
分享50个使你成为高级javascript开发者的jQuery的代码开发技巧 - 第二部分

 

分享到:
评论

相关推荐

    精通JavaScript+jQuery电子书+源码-部分1

    本资源为“精通JavaScript+jQuery电子书+源码-部分1”,这是一个学习JavaScript和jQuery的宝贵资料。JavaScript作为浏览器中的解释型语言,主要用于实现客户端的动态效果、数据验证、页面交互等功能。而jQuery是一个...

    精通JavaScript+jQuery电子书+源码-部分4

    本资源“精通JavaScript+jQuery电子书+源码-部分4”是针对这两个技术的深入学习材料,特别是JavaScript的基础知识和jQuery的高级应用。 JavaScript是一种轻量级的解释型编程语言,它是网页开发的标准语言,用于实现...

    精通JavaScript+jQuery电子书+源码-部分2

    本资源的“精通JavaScript+jQuery电子书”的第二部分可能涵盖了这两个领域的高级主题,如闭包、模块化开发、jQuery插件开发、异步编程的最佳实践、性能优化策略等。结合提供的源码,学习者可以深入理解理论知识并...

    精通JavaScript+jQuery电子书+源码-部分5

    JavaScript是一种广泛应用于网页和...通过阅读“精通JavaScript+jQuery电子书”的第五部分并结合提供的源码,读者不仅可以巩固理论知识,还能提高解决实际问题的能力,为成为JavaScript和jQuery的大师打下坚实基础。

    精通JavaScript+jQuery电子书+源码-部分3

    JavaScript和jQuery是Web开发中的两个重要工具,它们极大地简化了网页动态化和交互性设计。JavaScript是一种轻量级的解释型编程语言,广泛应用于浏览器端,用于处理用户输入、操作DOM(文档对象模型)、实现页面动画...

    JavaScript前端开发案例教程-源代码.rar

    这个名为"JavaScript前端开发案例教程-源代码.rar"的压缩包文件提供了一系列实践案例,帮助开发者深入理解和掌握JavaScript在网页开发中的应用。 首先,JavaScript是一种解释型、弱类型、基于原型的脚本语言,它的...

    《JavaScript和jQuery实战手册 原书第3版》PDF

    《JavaScript和jQuery实战手册 原书第3版》是一本...总之,《JavaScript和jQuery实战手册 原书第3版》是一本全面且实用的教程,无论你是JavaScript新手还是寻求进阶的开发者,都能从中受益匪浅,提升你的Web开发技能。

    Web前端开发简明教程-源代码(HTML+CSS+JavaScript+jQuery)

    在本教程中,我们将深入探讨Web前端开发的基础知识,涵盖了HTML、CSS、JavaScript以及jQuery这四个核心技术。这些技术是构建交互式、响应式的现代网页所必不可少的。 **HTML(超文本标记语言)** HTML是网页内容的...

    jquery 精品教程 -- Learning JQuery

    - **ISBN**:978-1-847192-50-9 - **官方网站**:[www.packtpub.com](http://www.packtpub.com) #### 六、内容概览 - **第一章:入门篇** - jQuery简介 - 安装与配置 - 基础语法和选择器 - **第二章:核心功能*...

    我的第一个jquery封装方法---jquery

    标题 "我的第一个jquery封装方法---jquery" 暗示了这篇博客主要关注的是如何使用jQuery这一流行的JavaScript库来封装自定义的功能。jQuery以其简洁的API和强大的DOM操作能力,成为了前端开发者的常用工具。在这里,...

    Web编程基础-CSS、JavaScript、jQuery第一部分-网页基础(共114张PPT).pptx

    Web编程基础涵盖了许多关键概念,特别是CSS、JavaScript和jQuery,这些都是构建现代网页不可或缺的组成部分。在Web标准中,我们首先需要理解的是Web标准的核心意义及其重要性。Web标准旨在规范网页设计,确保不同...

    精通JavaScript+jQuery_5+实例源码

    在这个压缩包中,我们找到了“精通JavaScript+jQuery_部分5.pdf”和“实例源码”两个文件,它们分别对应了书中的部分内容和相关实例代码。 JavaScript,作为Web开发中的主要脚本语言,其重要性不言而喻。它在浏览器...

    jQuery权威指南-源代码

    1.1.4 编写第一个简单的jQuery应用/3 1.1.5 jQuery程序的代码风格/5 1.2 jQuery的简单应用/7 1.2.1 jQuery访问DOM对象/7 1.2.2 jQuery控制DOM对象/7 1.2.3 jQuery控制页面CSS /9 1.3 本章小结/11 第2章 ...

    精通JavaScript+jQuery书中实例

    jQuery是一个JavaScript库,它的出现简化了DOM操作、事件处理、动画和Ajax交互。jQuery的语法简洁,使得开发者可以更快速地编写代码。"精通jQuery"部分可能讲解了如何选择器(如$("#id")和$(".class"))来选取DOM...

    jquery-1.11.3.js 、jquery-1.11.3.min.js 【官方jquery包 js】

    jQuery的一个显著特点是链式操作,一个jQuery对象可以连续调用多个方法,这使得代码更加紧凑,如 `$("#element").addClass("active").slideDown();` 7. **插件扩展(Plugins)** jQuery的生态体系强大,拥有无数...

    jQuery实例代码集-共计106个分享

    在"jQ学习第一季"、"jQ学习第二季"、"jQ学习第三季"的文件中,你可以找到更具体和丰富的实例,涵盖更多高级技巧和最佳实践。通过实践这些实例,你将能够更加熟练地运用jQuery来实现网页的各种动态效果和交互功能,...

    JavaScript and jQuery

    - **1997年**:ECMA-262成为JavaScript的第一个国际标准。 - **2003年**:James等人基于XMLHttpRequest创建了一个Ajax库。 - **2005年**:谷歌推出了使用Ajax技术的搜索引擎。 #### 七、CSS介绍 **CSS(Cascading ...

    JS/JQuery-第7章上机练习.zip

    在"JS/JQuery-第7章上机练习.zip"这个压缩包中,我们可以推测这是一份关于JavaScript和JQuery实践训练的资料,尤其聚焦于第七章的内容。通常,这样的练习会帮助开发者巩固和提升在实际项目中的应用能力。 1. **选择...

    artech-javascript-jquery-11

    【标题】"artech-javascript-jquery-11"揭示了这一主题主要关注的是JavaScript库jQuery的第11部分。jQuery是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务。在这个...

Global site tag (gtag.js) - Google Analytics