JQuery 教程

JQuery教程

调用google cdn的jquery.js 加快网站访问速度

Your rating: None Average: 7.4 (38 votes)

Jquery现在是越来越大,网络加载速度上我们应该做到能省就省,毫无疑问google的服务器和cdn以及访问速度是非常快的,而且google敞开怀抱,提供各种代码库给我们下载调用。jquery就是其中一个。

JavaScript 与JQuery 常用方法比较

Your rating: None Average: 7.5 (17 votes)

1、加载DOM区别

JavaScript:

window.onload

function first(){
    alert('first');
}
function second(){
    alert('second');
}
window.onload = first;
window.onload = second;
//只会执行第二个window.onload;不过可以通过以下方法来进行改进:
window.onload = function(){
    first();
    second();
}

Jquery

jquery 实现input focus 和 blur 状态下文字的显示和隐藏

Your rating: None Average: 2.8 (6 votes)

HTML部分:

<div>
    <form id="test">
        <input id="searchKeyword" type="text" maxlength="30" value="请输入关键词"  />
    </form>
</div>

Jquery代码:

JavaScript 如何截取字符串?

Your rating: None Average: 4 (3 votes)

刚才看到一篇介绍关于JavaScript截取字符串的文章摘录一下:

字符串:abcdefg

要求截取倒数两个字符,也就是“fg”。

如何去掉超链接文字点击后的灰色框?

Your rating: None Average: 3.3 (3 votes)

如何去掉超链接文字点击后的灰色框?

在web开发的过程中,你有可能会遇到这样的问题,就是当点击了一个超链接的文字后,文字周围会有虚线,有的时候为了考虑更加美观需要去掉这个虚线,如何去呢?

通过研究可以通过JavaScript的方法来去除,通过纯的JavaScript和Jquery两种方法来解决这个问题,下面做一下简要介绍。

通过淘宝的一道面试题看变量的作用域

Your rating: None Average: 3.5 (2 votes)
var a = 100; function testResult(){ var b = 2 * a; var a = 200; var c = a / 2; alert(b); alert(c); } testResult()

输出的是什么呢?

开始我觉得应该是; 200 和 100, 结果 确实NaN和100。

为什么第一个会是NaN呢?命名已经定义了全局变量,var b=2 * a 应该是可以2*100的结果啊

后来翻阅资料才明白,当全局变量和局部变量同名的时候,全局变量是不会主用于同名局部变量的作用域的。也就是说var a=100是不会作用于testResult这个函数中的。

引用:

JQuery 学习笔记

Your rating: None Average: 8.8 (5 votes)

0,jQ的关键程序:

jQuery 选择器的使用

No votes yet

Jquery的选择器是CSS 1-3,XPath的结合物。jQuery提取这二种查询语言最好的部分,融合后创造出了最终的jQuery表达式查询语言。如果你了解CSS(绝大部分WEB开发者都用到的),那么你学起来就很容易了。

同时使用CSS和XPath

看几个例子:

隐藏所有包含有链接的段落:

$("p[a]").hide();

显示页面的第一个段落:

$("p:eq(0)").show();

隐藏所有当前可见的层元素:

$("div:visible").hide();

获取所有无序列表的列表项:

$("ul/li")

/* valid too: $("ul > li") */

取得name值为bar的输入字段的值:

如何设计一个能用google翻译多语言的站点

No votes yet

cosbeta认为目前多语言网站的解决方案比较多,比如:

很多时候,我们需要做一个多语言的站点,

  1. 做几个不同的分站,通过用户第一次的选择将用户定位到相应语言的分站;
  2. 编辑网站内容的时候,添加多种语言,然后通过用户的选择从数据库中获取对应的语言;
  3. 添加一个google翻译按钮,用户自行选择google翻译查看不同语言的版本;
  4. 利用google 翻译接口,通过js实时翻译网页文字,cosbeta今天打算要介绍的就是这种方法;

上面4种方法的优缺点我这里就不多描述了,相信大家都很清楚了。应客户的要求,再加上翻译方便和翻译的通用性的需求,cosbeta决定用第4种方法为客户解决多语言的问题。

JQuery 跟后台交互总结

Your rating: None Average: 5 (1 vote)

具体的是要用到几个关键的函数:
drupal_to_js:这个后台把数据按照JSON形式组织返回给Jquey的前台,在Jquery的脚本里面就直接用Drupal.parseJSon(data)得到,得到的是一个数组,是Javascript的数组。你可以把这个加到你的页面里面。
$.post()(当然也有$.get()方法)$.post(url(你要请求的路径:这里要注意一下,要想到后台就要通过这个路径了,大家知道在menu里面有一个callback 也就是这个路径后可以对应的调用一个函数 这个函数就是你后台要处理数据的地方,在这个函数里面把后台的值用drupal_to_js()传就可以了, 你就可以随便在你自己定义的一个module里面定义这个函数,然后就把你的URL设为Menu下面的path,就ok了。))在$.post(url,parameters(注:键值对),callbackfucntion)。在后台的函数里面就直接用$_post 或数$_GET函数就可以得到了。
这是页面的代码:

同步内容