JQuery 入门实例1

2016-02-19 15:59 3 1 收藏

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的JQuery 入门实例1教程,一起来看看吧!超容易上手~

【 tulaoshi.com - Web开发 】

代码如下:
%@ Page Language="C#" %

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"

script runat="server"/script

html xmlns="http://www.w3.org/1999/xhtml"
head runat="server"
title无标题页/title
script src="../jquery脚本/jquery-1[1].3.2.min.js" src="jquery脚本/jquery-1[1].3.2.min.js" type="text/javascript"/script
script type="text/javascript"!--
$(document).ready(function(){
$("tr").each(function(){
$(this).children("td:not(:first,:last)").each(function(){
$(this).css('color','blue');
});
});
});

// --/script
/head
body
form id="form1" runat="server"
div
table
tr
td1/td
td2/td
td3/td
td4/td
/tr
tr
td1/td
td2/td
td3/td
td4/td
/tr
/table

/div
/form
/body
/html

PS:
$(document).ready()由于应用场景众多,所以可以直接用$(fn)来代替,fn表示处理函数。(ready处理函数貌似在文档内容载入完成后执行,无需等待相关其它图片等资源载入完成,所以比load事件要更早执行,对于这点,没有具体证实)$(document).ready()由于应用场景众多,所以可以直接用$(fn)来代替,fn表示处理函数。(ready处理函数貌似在文档内容载入完成后执行,无需等待相关其它图片等资源载入完成,所以比load事件要更早执行,对于这点,没有具体证实)

来源:http://www.tulaoshi.com/n/20160219/1610818.html

延伸阅读
标签: Web开发
1.jQuery GO jQuery 提供了功能强大的读取和处理文档DOM的方式,为动态操作文档DOM提供了方便。 代码如下: $(document).ready(function() { $("a").click(function() { alert("Hello world!"); }); }); 单击文档中任一个连接都会触发alert() 事件 $号是 jQuery类的一个别称,因此$()构造了一个新的jQuery 对象。函数 click() 是...
标签: Web开发
XMLFile.xml 代码如下: ?xml version="1.0" encoding="utf-8" ? msglist msg name="11" id1/id contentcontent1/content /msg msg name="22" id2/id contentcontent2/content /msg /msglist jqXmlFirst.aspx 代码如下: %@ Page Language="C#" AutoEventWireup="true" CodeFile="jqXmlFirst.aspx.cs" Inherits="jqueryXml_...
标签: Web开发
jQuery为AJAX提供了非常丰富的支持,参见 Ajax 其中最基本当属$ajax(),通过不同的参数,这个方法可以录活支持各种AJAX应用场景。如: $.ajax({ url: "test.html", cache: false, success: function(html){ $("#results").append(html); } }); 完整参数列表参见: options 当然,常用的应该是这些: load()--直接将AJAX请...
标签: Web开发
一. 先对jQuery制作方式,jQuery为开发扩展提拱了两个方法,分别是: jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。 1.1、jQuery.fn.extend(object): 可以参靠jquery参考手册的连个例子: 代码如下: $.fn.extend({ check: function() { return this.each(function...
标签: Web开发
jQuery 是一个强大的Javascript类库,里面封装好了很多现有的方法和属性。可以使开发人员用很少的代码更好更快的开发出自己想实现的效果。 在平时的开发中,我们可能经常会用到jQuery。这里总结了一些经典的实例应用。分享给大家。 jQuery=轻松实现表单验证: 在我们的开发中,常会有注册或是添加信息的时候,难免的我们就会需要对表单进行验...

经验教程

214

收藏

27
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部