轩枫阁

首页 / Web前端 / 授人以渔 / JQuery (第3页)

jQuery插件写法总结以及面向对象方式写法总结

前言

最近在折腾jQuery插件,写成插件的目的就是为了实现功能与项目相分离,使得这个代码在下一个项目中能直接引用不出错。这使得我们在写插件的时候,就得考虑清楚,怎么写才能使得插件能够通用、灵活度高、可配置、兼容性好、易用性高、耦合度低等。

接下来就对以下几种写法进行分析,前两个是jQuery插件,后面2个是以对象的形式开发,都类似。而且写法也很多,我们要懂得这样写的利弊。另一篇基础文章:jQuery 插件写法

写法一

插件主体

查看全文

2014/01 11  周六

WP Ajax异步刷新 – wordpress中通过ajax获取信息

了解之后,你会发现WP中使用ajax是如此的简单,今天心情好,多写点文章~

简介

前端开发中,ajax是必不可少的,可以带来用户体验的提升。但是如果是使用WP,便觉得不知道如何下手了。比如要返回一些固定的数据(一般不更改),或者返回一些文章内容、标签、文章列表等等。下面做个简单的教程:

示例

一、侧边栏中ajax获取并刷新标签

1. 加载jquery:http://code.jquery.com/jquery-1.10.2.min.js

2. 编写请求并处理数据的函数 查看全文

2013/12 14  周六

wordpress图库之相册图片信息批量编辑插件

这是一款帮助网站编辑人员批量编辑相册的图片信息的Chrome插件,既能快速编辑内容又能兼顾SEO。

背景

之前在做LEE图库的网站,专门用于保存图库的网站,便于搜索。但是在编辑相册的过程中,图编们总在苦恼需要重复的输入重复的信息。所以在此插件为针对图编们上传图片重复输入数据的繁琐而浪费时间的问题,而开发的一个基于Chrome浏览器的插件,从此再也不用重复手工输入数据了。

 

关于站内搜索及SEO

因为这是一个图库类型的网站,所以就要做出能搜索想要的图片的功能,那就需要给每张图片都加上信息,所以这些信息不实可有可无的,相当重要,来看下图片信息的功能:

标题:默认为图片对应的标题,可以更改或者不更改。

说明:可以跟标题一样,在网页端预览到的图片介绍就是这个关键字设置的。

替代文本:可以跟标题一样,主要是用于搜索引擎的优化,如百度图片,能根据这个关tc键字收录我们网站的图片,很重要。

图像描述:可以跟标题一样;主要用于对单张图片的搜索功能。类似相册的标签,做的精细的话可以根据这些关键字在我们网站搜索到这个图片(不写的话,只能根据图片标题或者相册标题搜索了),以空格分离多个描述。 查看全文

2013/12 09  周一

关于jQuery性能优化

也许很多人都在使用jQuery,因为它给我们的开发效率、兼容处理、代码量等方面带来了很多便利。无论是什么,都会有它需要优化的地方,即使你平常没注意到。那下面来看看这篇优秀的外国文章的翻译版,相信会对你有所用处。

我一直在寻找有关jQuery性能优化方面的小窍门,能让我那臃肿的动态网页应用变得轻便些。找了很多文章后,我决定将最好最常用的一些优化性能的建议列出来。我也做了一个jQuery性能优化的简明样式表,你可以打印出来或者设为桌面背景。

一、选择器性能优化建议

1. 总是从#id选择器来继承

这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。 查看全文

2013/11 07  周四

jQuery中的prop()与attr()的用法区别

attr()方法

一般jQuery中,获取或设置属性的值是通过attr()方法。如:

  • 返回文档中所有图像的src属性值:$(“img”).attr(“src”);
  • 为所有图像设置src和alt属性:$(“img”).attr({ src: “test.jpg”, alt: “Test Image” });

prop()方法

而jquery的1.6版本中,增加了prop(),方法,有什么用意呢?大家都知道有的浏览器只要写disabled,checked就可以了,而有的要写成disabled = “disabled”,checked=”checked”,比如用attr(“checked”)获取checkbox的checked属性时选中的时候可以取到值,值为”checked”但没选中获取值就是undefined。

jq提供新的方法“prop”来获取这些属性,就是来解决这个问题的,以前我们使用attr获取checked属性时返回”checked”和undefined,现在使用prop方法获取属性则统一返回true和false。 查看全文

2013/09 05  周四

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子