Posts Tagged ‘ jquery

中文的 jQuery 教学资源

如果想学 jQuery 的话,可以从下列的教学资源开始,读者应具有 HTML、JavaScript、CSS 的基础。

网站

上官林杰 - ericsk (2007)

  1. jQuery 学习心得笔记 (1) – 前言
  2. jQuery 学习心得笔记 (2) – 怎么使用 jQuery 来写 JavaScript
  3. jQuery 学习心得笔记 (3) – jQuery 的事件(Event)处理
  4. jQuery 学习心得笔记 (4) – Ajax (上)
  5. jQuery 学习心得笔记 (5) – Ajax (下)
  6. jQuery 学习笔记 (6) - 操作 DOM 物件
  7. jQuery 学习笔记 (7) - 扩充 jQuery

以上这几篇是我的 jQuery 启蒙文章。
Read more

浏览器的侧边栏整合搜寻 for Firefox

Firefox 虽然有提供搜寻列,也有套件让你整合多种搜寻引挚,但是由于搜寻列要以下拉清单的方式切换寻引挚,用完了还要手动切换回来。于是我制作了一个网页,整合了 22 个我常用的搜寻引挚,可以直接加在 Firefox 的侧边栏。

整合搜寻

Read more

Javascript 模拟 jQuery 的选择器(Selector)

JQuery 强大、方便的选择器 (Selector) 是 jQuery 不可或缺的功能之一。不过如果我们不想加载 jQuery 而只想使用类似 jQuery 选择器的功能,那可以用自订函式的方式做到:

function $$(theElement){
    switch(theElement.charAt(0)){
    case ("#"):
        // 以 $$("#id") 传回物件
        return (document.getElementById(theElement.replace(/^#/, "")));
    case ("."):
        // 以 $$(".class") 传回物件阵列,IE 不支援
        return (document.getElementsByClassName(theElement.replace(/^\./, "")));
    default:
        // 以 $$("tag") 传回物件阵列
        return (document.getElementsByTagName(theElement));
    }
}

或是简单一点,仅传回指定 id 的物件:

function $$(theElement){
    return(document.getElementById(theElement));
}

我把这自订的函式取名为 $$(),用以与 jQuery 的 $() 做区隔。

但是要注意,以上两个函式传回的都是 DOM 物件,与 jQuery 在其它操作上并不相同。

《网页设计-爱上jQuery》读书心得及评论

使用 Javascrip 的框架来开发网页的程式可以加快开发的速度,其中 jQuery 也是颇受欢迎的一员。

不过目前可以买得到的 jQuery 中文书籍实在寥寥可数,以下是最近阅读《网页设计-爱上jQuery》这本书的心得及评论 (作者是罗子洋)。 Read more

return top