ibcadmin 发表于 2013-1-20 14:13:03

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

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

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



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

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

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

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

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

第四步：我们开始操作jQuery

现在我们来写jQuery语句

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

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



这样就给TextBox1赋值了

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

首先：

$(document).ready();

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

其次：

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

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

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

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

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

我们给val()赋了值。

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

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

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


wai2dance 发表于 2013-1-20 14:21:43

沙发   :):):):):):)
只会一点JS   呵呵

ibcadmin 发表于 2013-1-20 14:23:46

wai2dance 发表于 2013-1-20 14:21 static/image/common/back.gif
沙发   
只会一点JS   呵呵

我会从基础开始出教程的

veinna2002 发表于 2014-3-19 14:24:20

啥时候出啊

Testing_C# 发表于 2014-8-16 13:29:38

ibcadmin 发表于 2013-1-20 14:23
我会从基础开始出教程的

好 ，非常感谢。谢谢，这个教程不错

dajiangyou 发表于 2015-8-21 14:33:59

{:3_44:}貌似都会一堆密集的代码出现，学多了代码会不会搞混

ibcadmin 发表于 2015-8-22 09:48:25

dajiangyou 发表于 2015-8-21 06:33
貌似都会一堆密集的代码出现，学多了代码会不会搞混

刚开始肯定会
页: [1]
查看完整版本: jQuery代码学习（一）选择器及引入JS