你在这里

首页 › JQuery 教程

JQuery 教程

iframe jQuery 交互

星期六, 10/12/2013 - 05:41 — sina_不嫉妒富二代因为我会成为富一代

编程的每日一篇，不知道什么时候坚持全连。。

 

今天的问题是富一代姐姐在一个项目要用一个ifame在Drupal里呈现别的东西。。然后那个东西屏蔽了jQuery. （因为人家是prototype建的）

按理说Drupal的jQuery在核心导入的时候是noconflict的。。但是试了一下 用

jQuery获取不到iframe里面的内容 

后来的后来，富一代姐姐发现问题了。。官方网站上的：

$(document).ready(function () {
  // Do some fancy stuff.
});

和

articles: 
JQuery 教程
tags: 
drupal
field_vote: 

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

星期三, 05/11/2011 - 11:38 — 东方龙马

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

articles: 
JQuery 教程
tags: 
JavaScript
jquery
field_vote: 

JavaScript 与JQuery 常用方法比较

星期三, 04/06/2011 - 14:47 — 东方龙马

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：

articles: 
JQuery 教程
tags: 
JavaScript
drupal
drupal上海
Drupal花园
jquery
field_vote: 

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

星期四, 11/25/2010 - 11:31 — 东方龙马

HTML部分：

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

Jquery代码：

articles: 
JQuery 教程
评分: 

JavaScript 如何截取字符串？

星期二, 01/26/2010 - 15:25 — 东方龙马

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

字符串：abcdefg

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

 
以下是几种实现方式：
 
方法1：
<script>
  string="abcdefg"
  alert(string.substring(string.length-2,string.length))
</script>
方法2：
<script>
  alert("abcdefg".match(/.*(.{2})/)[1])
</script>

方法3：

<script>
  alert("abcdefg".match(/.{2}$/))
</script>

方法4：

articles: 
JQuery 教程
tags: 
(X)html
Drupal花园
评分: 

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

星期二, 01/19/2010 - 11:32 — 东方龙马

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

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

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

articles: 
JQuery 教程
评分: 

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

星期日, 11/01/2009 - 12:09 — 东方龙马
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这个函数中的。

引用：

articles: 
JQuery 教程
评分: 

JQuery 学习笔记

星期一, 08/03/2009 - 23:12 — 东方龙马

0,jQ的关键程序：

articles: 
JQuery 教程
field_vote: 

jQuery 选择器的使用

星期一, 04/20/2009 - 10:35 — 东方龙马

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的输入字段的值：

articles: 
JQuery 教程
tags: 
JavaScript
评分: 

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

星期四, 04/02/2009 - 12:59 — 东方龙马

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

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

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

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

articles: 
JQuery 教程
tags: 
Drupal多语言
google翻译
评分: 

页面

订阅 RSS - JQuery 教程