jQuery代码学习（一）选择器及引入JS

显示全部楼层 · 2013-1-20 14:13:03

今天开始讲第一课，创建jQuery,引入JS类库，设置选择器实现效果。

第一步：我们新建一个ASP.NETweb应用程序，我们用VS2012开发，这时我们的项目中会出现一个Scripts文件夹，如下图：

www.ibcibc.com C#论坛

在VS2012中，jQuery类库是1.7.1版本在VS2010中式1.4.1版本。

第二步：我们创建一个ASPX页面并且托一个textBox控件，设置控件ID为textBox1.

[C#] 纯文本查看 复制代码

 <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

第三步：在我们网页的头部引入jQuery1.7.1脚本

[JavaScript] 纯文本查看 复制代码

 <script type="text/javascript" src="Scripts/jquery-1.7.1.js"></script>

第四步：我们开始操作jQuery

现在我们来写jQuery语句

[JavaScript] 纯文本查看 复制代码

$(document).ready(function(){
    $("#TextBox1").val("你好");
   
});

然后我们运行，出来的结果如下图：

www.ibcibc.com C#论坛

这样就给TextBox1赋值了

现在我们开始解释一下语法

首先：

$(document).ready();

这个ready事件是指我们窗体全部加载完以后实现，相当于DOM中的Window.Load();

其次：

我们在这个事件中写了匿名函数

在匿名函数中，我们写了操作代码。

$("#TextBox1").val("你好");

#号为ID选择器，跟CSS一样，我们选择器帮我们找到了ID为TextBox1的控件。

找到控件以后，我们给空间赋值，用到了函数.val() ，就是value的简称

我们给val()赋了值。

这句话就是说，窗体加载完以后，给ID是TextBox1的控件赋值为你好。

在以后几节课中，我们基本常用的方法有.val,.atter

在下节课中，我们讲解方法以及选择器。