认识达内从这里开始

今天达内长沙WEB培训的老师将为大家讲解jQuery的相关知识。首先，我们要知道的是，jQuery目前是较为常用的前端开发语言，同时也有许多支持JavaScript的开发工具。如SpreadJS，这是一款企业级的JavaScript电子表格控件，能将电子表格、数据可视化及计算功能集成在JavaScript的Web应用程序中。

1、jQuery的基本语法如何解释?

jQuery的语法结构可以分为四部分：

默认情况下，所有Jquery的命令开始以一个“$”符号。

其次是HTML元素的选择。例如下面是我们通过ID“txt1”选择一个HTML文本框。

接着由点(.)分隔。这个操作者将分离的元素和该元素的动作(函数)。

最后什么样的函数(动作)。

例如在下面的jQuery代码，我们正在设置的文本值为“Hello world, jQuery”。

2、在jQuery中，“$”符号代表什么?

在jQuery中，“$”符号是一个jQuery的别名，默认的jQuery类库以$开头。

3、为何要使用jQuery.noConflict()

有很多类似jQuery一样的类库，如MooTools, Backbone, Sammy, Cappuccino, Knockout 。这些类库中，有的也使用了$符号，如果同时使用，则会导致命名冲突。

为了解决这个冲突，需要用到jQuery.noConflict()，这样就不依赖$这个默认符号了。

例如：

$.noConflict();jQuery("p").text("I am jquery and I am working…");

或者使用别名代替：

var jq = $.noConflict();jq("p").text("I am invoked using jquery shortcut…");

4、举例说明jQuery的选择器

选择所有HTML的p元素，并隐藏

$("p").hide();

选择ID为Text1的HTML元素，并赋值

$("#Text1").val("Hello");

选择Class为Text1dHTML元素，并赋值

$(".Text1").val("Hello");

5、在jQuery中，如何使用document.ready?

一次完整的HTML DOM加载完成，会触发HTML的“document.ready”事件,而要通过JQuery访问HTML元素，则需要页面的HTML元素加载完成。

例如：

而在Ready事件中的可访问HTML元素，例子如下：

6、同一个页面中，能否加载多个个document.ready事件?

可以。

7、如何用jQuery对HTML元素事件进行附加?

下面通过2个例子来说明

例子1，选择所有的button元素，在其click事件中，对所有p元素进行toggle。

$("button").click(function(){$("p").toggle();});

例子2，选择ID为p1的元素，在mouseenter事件中，进行alert。

$("#p1").mouseenter(function(){ alert("You entered p1!");});

8、如何使用jQuery添加样式(style)?

使用例子如下：

$("li").filter(".middle").addClass("selected");

今天达内长沙WEB培训的老师为你讲解的知识你都掌握了吗？