在jquery中如何使用使用jquery实现的项目

如何高效使用jquery

(#parent .child)：jQuery内部使用Sizzle引擎，处理各种选择器。Sizzle引擎的选择顺序是从右到左，所以这条语句是先选.child，然后再一个个过滤出父元素#parent，这导致它比最快的形式大约慢70%。

目前成都创新互联已为上1000+的企业提供了网站建设、域名、网页空间、网站托管、企业网站设计、三水网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

使用步骤如下：jQuery给放到一个文件夹里面，方便我们待会引用这个jQuery，这里我就放到我项目的js文件夹里面。然后我们来开始编辑HTML界面代码。使用script标签把jQuery引入到我们的HTML界面。

正确引用jQuery尽量在body结束前才引入jQuery，而不是在head中。借助第三方提供的CDN来引入jQuery，同时注意当使用第三方CDN出现问题时，要引入本地的jQuery文件。

首先在guan 网下载jQuery，共有两个版本。Production version - 用于实际的网站中，已被精简和压缩。Development version - 用于测试和开发（未压缩，是可读的代码）。把 jQuery 添加到您的网页。

具有高效灵活的css选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器，如IE 0+、FF 5+、Safari 0+、Opera 0+等。

元素选择器jQuery 元素选择器基于元素名选取元素。

selectorN：（可选择）为任意多个选择器，可以是ID选择器、无素选择器或是类名选择器等。

类名选择器的使用方法如下：$(.class)；其中，class为要查询元素所用的CSS类名。

jQuery选择器基本选择器基本选择器是jQuery中最常用也是最简单的选择器，它通过元素的id、class和标签名等来查找DOM元素。

jQuery选择器有多种类型，让我们来看一下。jQuery 元素选择器jQuery 使用 CSS 选择器来选取 HTML 元素。$(p) 选取元素。$(p.intro) 选取所有 class=intro 的元素。

类选择器的概念类选择器，就是通过class属性获取节点。比如一个html结构中，有三个p标签都具有class=”red”的属性，那么类选择器返回的就是这三个p标签。在jquery中，我们可以很方便的通过$(“.red”)这种方式按照类获取节点。

1、当你准备使用 jQuery，我强烈建议你遵循下面这些指南：缓存变量DOM 遍历是昂贵的，所以尽量将会重用的元素缓存。

2、选择器有了CSS选择器基础后，看jQuery的选择器就很简单了。

3、javascript原生循环方法for和while，要比jQuery的.each()方法快，应该优先使用原生方法。尽量少生成jquery对象每当你使用一次选择器（比如$(#id)），就会生成一个jQuery对象。

4、如果我们选择class为home的a元素时，可以使用下边代码：方法1会使jQuery在整个DOM中查找class为home的a元素，性能可想而知。方法2为要查找的元素添加了上下文，在这里变为查找id为nav的子元素，查找性能得到了很大提升。

5、把selectors当作asp点虐中的sets。在asp点虐的世界，通过一个查询找到一系列控件是非常少见的.相反我们比较习惯于通过一个唯一的ID来找到一个控件。当然，在jQuery中这个也是没有问题的，但是jQuery的选择功能相对更加神奇。

jQuery是一个轻量级的JavaScript库，里面包含所有的jQuery方法。如果想要使用这些方法，那么必须首先引用这个库。

首先在配置页面中加入外部引用externals： { jquery： jQuery //如果要全局引用jQuery，不管你的jQuery有没有支持模块化，用externals就对了。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容