JQuery 入门实例1

2016-02-19 15:59 1 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事件要更早执行，对于这点，没有具体证实）

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

上一篇：笔记本风扇不转了怎么办
下一篇： Java Servelet API入门基础教程

看过《JQuery 入门实例1》的人还看了以下文章更多>>

jQuery 操作XML入门

标签： 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_...

jQuery入门[5]－AJAX

标签： Web开发

jQuery为AJAX提供了非常丰富的支持，参见 Ajax 其中最基本当属$ajax()，通过不同的参数，这个方法可以录活支持各种AJAX应用场景。如： $.ajax({ url: "test.html", cache: false, success: function(html){ $("#results").append(html); } }); 完整参数列表参见： options 当然，常用的应该是这些： load()--直接将AJAX请...

jQuery入门[3]－事件

标签： Web开发

jQuery对事件的支持主要包括： bind()--为事件绑定处理程序，如： $("p"). bind ("mouseenter mouseleave", function(e){ $(this).toggleClass("over"); }); unbind()--注销绑定在事件上的处理程序，如：$(document).unbind('ready');，如不给参数，则清除所有事件处理程序。 $("#unbind"). click(func...

jQuery 绝对入门查看

标签： Web开发

1．jQuery GO jQuery 提供了功能强大的读取和处理文档DOM的方式,为动态操作文档DOM提供了方便。代码如下: $(document).ready(function() { $("a").click(function() { alert("Hello world!"); }); }); 单击文档中任一个连接都会触发alert() 事件 $号是 jQuery类的一个别称，因此$()构造了一个新的jQuery 对象。函数 click() 是...

学习jQuery之旅--jQuery的经典实例应用

标签： Web开发

jQuery 是一个强大的Javascript类库，里面封装好了很多现有的方法和属性。可以使开发人员用很少的代码更好更快的开发出自己想实现的效果。在平时的开发中，我们可能经常会用到jQuery。这里总结了一些经典的实例应用。分享给大家。 jQuery=轻松实现表单验证：在我们的开发中，常会有注册或是添加信息的时候，难免的我们就会需要对表单进行验...

查看更多精彩>>