博客

  • jQuery初学者常见的问题

    大家可能看到了,我已经将过去写的两篇jQuery的教程删掉了,因为附件不存在了等等问题,所以删除了,从今天开始我就写jQuery教程第二版了!希望大家能够支持我!本节并没有涉及到jQuery如何编写,只为大家解决几个常见问题,因为这也是面试中常常遇到的几个问题。如果你掌握了jQuery可以成为提升工资的一个资本。

    初学jQuery的朋友,基本上都会问同一个问题“什么是jQuery?”等类似的问题,理解这个问题对于后面的学习会起到促进作用。以下是我整理出的大家常问的几个问题:
    1、 什么是jQuery?
    2、 什么是类库?
    3、 jQuery与JavaScript有什么关系?
    4、 JavaScript与java又有什么关系?
    5、 JavaScript、jQuery、Ajax、Json等又是什么?区别又是什么?

    我相信,很多人对这些技术有着似懂非懂的感觉,不是很了解,以上问题肯定是初学者都会产生的问题,如果你对它有兴趣或者想去驾驭它。那么请跟KwooShung来,向jQuery进军!let’s GO!

    Q:什么是jQuery?
    A:jQuery是JavaScript的类库,它由John Resig(美国人) 创建,至今已经吸引了来自世界各地的众多JavaScript高手加入该团队。

    Q:什么是类库?
    A:这是程序中的一个基本概念。所谓类,可以理解为是一组语句的集合,用来描述一组具有共同属性和功能的对象。字面理解也就是说类库就是类的集合。Java和.net的类库意思类似。但是在jQuery中,只是集合了许多的方法功能集合,使我们可以通过简单的代码就能实现复杂的效果。

    Q:jQuery与JavaScript有什么关系?
    A:jQuery是使用JavaScript编写的,也就是说JavaScript可以任意调用,其他程序并不能很轻易的调用。就好比JavaScript是鸡,jQuery是鸡蛋,鸡只能生鸡蛋。再说的明白些,jQuery是使用JavaScript编写的,就好比鸡蛋是鸡生的。
    如果你还不明白再看看另一个例子:
    我们可以把JavaScript比喻成文字,假如使用文字写了两本菜谱 《西餐菜谱大全》 和 《中餐菜谱大全》,前者是prototype(在jQuery之前也是一种类库)后者是jQuery。菜谱里面都集合了很多做菜的方法也可以叫做菜的类库。在程序里面呢就叫做类库,方法库,函数库等。

    Q:JavaScript与Java又有什么关系?
    A:乍眼一看,它们有关系或者是同一家公司的产品,其实它们俩既不是兄弟姐妹也不是同一家公司所开发的,前者是Netscape网景公司开发,后者是Sun公司开发,2009年04月20日,Oracle(甲骨文)宣布以74亿美元收购Sun。(详细的资料可以到网上搜一下)

    Q:JavaScript、jQuery、Ajax、Json等又是什么?区别又是什么?
    A:读到这里,我想不用再讲JS和jQuery了吧?如果你还认为需要讲解,那你再读读前面的几个问题,肯定就明白了,直接切入正题。
    Ajax:全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML),它是由JavaScript+CSS+DOM+ XMLHttpRequest的四种技术的结合,并且JS是Ajax的核心。jQuery将Ajax的实现变得更加轻松容易。Ajax就是咱们常说的局部刷新。
    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写的同时也易于机器解析和生成。它基于JavaScript的一个子集。 Json采用完全独立于语言的文本格式,可以简单的理解为数据存储的一种格式或交换方式。

  • 如何简单调用ckeditor编辑器

    ckeditor编辑器的功能和界面使用都很好,与其跟国内的编辑器相比国内的编辑器稍微好点就要收费,界面还不如ckeditor编辑器的好看,重要的是ckeditor编辑器还是免费。

    调用:

    先加载:

    [code]<script type=”text/javascript” src=”ckeditor/ckeditor.js”></script>[/code]
    然后在原来的加载编辑器的地方加载以下代码:
    [code]<textarea rows=”30″ cols=”50″ name=”editor01″>请输入.</textarea>
    <script type=”text/javascript”>CKEDITOR.replace(‘editor01’);</script>[/code]

  • jquery andSelf()解释

    jquery的官方解释都很抽象最好举例说明,

    例如,我们使用了next(),来获取邻近的下一个同辈元素的时候一般情况下都不包括,本身如果使用了andSelf()既是也将自己也包含了进来。

  • display的默认属性值和用法

    我们都知道在css样式中display的使用频率还是挺高的,这里重点提示下刚刚学习css的新人,一般情况下div的默认display属性值是block,内联元素的display值是inline。

    这里就算是常常写css的程序员都很少注意到的事情。

  • jquery end()解释和用法

    学习jquery中遇到了end()对它的用法很模糊,官网的定义也很抽象难懂,这里先说下官方的解释。

    官方:end() 方法结束当前链条中的最近的筛选操作,并将匹配元素集还原为之前的状态。

    这里如果还不明白我们可以用实例讲解:

    CSS:

    [code]div{
    width: 100px;
    height: 100px;
    padding: 10px;
    margin: 10px;
    border: 1px solid black;
    }[/code]

    HTML:

    [code]<div id=”container”>
    <div id=”aDiv”>
    <div class=”bDiv”>
    <div id=”cDiv”></div>
    </div>
    <div class=”bDiv”></div>
    </div>
    </div>[/code]

    jquery:

    [code]$(function(){
    $(‘#container’).find(‘#aDiv’).find(‘.bDiv’).find(‘:empty’).css(‘background’,’yellow’).parent().css(‘border’,’1px solid red’);

    });[/code]
    这里运行以上代码,查看效果之后在把parent()改成end()再次查看效果就明白了。

    end()其实就是返回上一个对象的意思,就是选中.find(‘:empty’)时候的上一个对象既是find(‘.bDiv’)。