你在这里

JQuery 教程

iframe jQuery 交互

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

 

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

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

jQuery获取不到iframe里面的内容 

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

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

articles: 
tags: 
field_vote: 

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

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

articles: 
field_vote: 

JavaScript 与JQuery 常用方法比较

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: 
field_vote: 

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

HTML部分:

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

Jquery代码:

articles: 
评分: 

JavaScript 如何截取字符串?

刚才看到一篇介绍关于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: 
评分: 

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

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

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

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

articles: 
评分: 

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

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 学习笔记

0,jQ的关键程序:

articles: 
field_vote: 

jQuery 选择器的使用

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: 
tags: 
评分: 

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

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

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

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

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

articles: 
评分: 

页面

订阅 RSS - JQuery 教程