2011-8-2_09-15-06_周二
http://tq365jsb003-pc:8080/cjwIbatis2Spring1.0/deluser.jspx?id=2
这种值传递,必须有方法setId()来将2赋值给参数id
url重写决定了url的取值与导向!
Jquery是继prototype之后又一个优秀的Javascrīpt框架。
它是轻量级的js库(压缩后只有21k) ,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。
jQuery已经成为目前最流行的JavaScript库
使用了$代替频繁的document.getElementById()操作。
$("div p"); //得到所有div标签下的p元素
$("div.container"); //得到class 为container的div元素
$("div #msg"); //得到标签下面id为msg的div元素(不过最好别这样写,因为jQuery需要遍历所有的div元素,对于带id的元素,直接用$("#id"))。
$("table a",context); //得到context为上下文的table里面所有的链接元素
创建一个 <input> 元素必须同时设定 type 属性。因为微软规定 <input> 元素的 type 只能写一次。
jQuery 代码:
// 在 IE 中无效:
$("<input>").attr("type", "checkbox");
// 在 IE 中有效:
$("<input type='checkbox'>");
$(this)是Jquery对象,this是DOM对象。
${"#stop"} 返回id=stop的元素的jQuery对象!
DOM对象,即是我们用传统的方法(javascript)获得的对象,jQuery对象即是用jQuery类库的选择器获得的对象;
代码如下:
var domObj = document.getElementById("id"); //DOM对象
var $obj = $("#id"); //jQuery对象;
jQuery对象就是通过jQuery包装DOM对象后产生的对象,它是jQuery独有的。jQuery对象和DOM对象,只能调用自己对象内的方法,而不能调用对方的方法!
jquery对象转换成 dom对象:
两种方法,即[index]和get(index),是下标,其实jquery对象就是一个数组对象.
var $cr=$("#cr"); //jquery对象
var cr = $cr[0]; //dom对象 也可写成 var cr=$cr.get(0);
alert(cr.checked); //检测这个checkbox是否给选中
dom对象转换成jquery对象:
方法为$(dom对象);
代码如下:
var cr=document.getElementById("cr"); //dom对象
var $cr = $(cr); //转换成jquery对象
jquery对象提供了一套更加完善的工具用于操作dom
平时用到的jquery对象都是通过$()函数制造出来的,$()函数就是一个jquery对象的制造工厂
建议:如果获取的对象是 jquery对象,那么在变量前面加上$,这样方便容易识别出哪些是jquery对象
如:
var $variable = jquery对象;
var variable = dom对象
在jQuery文件里面有定义$=jQuery;
用$("#id")和用jQuery("#id")是一样的。
你可以理解为:
$("txt1") == document.getElementById("txt1")
不过它的选择器功能很强大
也可以重新定义关键字:
比如
var Hello = jQuery.noConflict();
这样以后就可以用Hello做前缀了
Hello("txt1"),跟之前的效果一样!
$是jquery的特殊符 用于区分 jquery就是用这个来区分的
选择文档中所有图像作为元素数组,并用数组内建的 reverse 方法将数组反向。、
HTML 代码:
<img src="test1.jpg"/> <img src="test2.jpg"/>
jQuery 代码:
$("img").get().reverse();
结果:
[ <img src="test2.jpg"/> <img src="test1.jpg"/> ]
jQuery获得的对象都是对象数组!需要使用下标访问!返回的jq都是元素数组!
以class查询:$(".myClass");
以id查询:$("#abc");
匹配所有元素:$("*")
找到表单中所有的 input 元素:$("form input")
找到表单中所有的子级input元素:$("form > input")
匹配所有跟在 label 后面的 input 元素:$("label + input") 要注意“label”的作用域!
找到所有与表单同辈的 input 元素:$("form ~ input") //form与input呈并列关系!
查找所有未选中的 input 元素:
HTML 代码:
<input name="apple" />
<input name="flower" checked="checked" />jQuery
代码:
$("input:not(:checked)");
结果:
[<input name="apple" />]
查找表格的1、3、5...行(即索引值0、2、4...):$("tr:even");
查找表格的2、4、6行(即索引值1、3、5...):$("tr:odd");
查找第二行:$("tr:eq(1)")
匹配所有大于给定索引值的元素:$("tr:gt(0)");
匹配所有小于给定索引值的元素:$("tr:lt(2)");
匹配如 h1, h2, h3之类的标题元素:
给页面内所有标题加上背景色:$(":header").css("background", "#EEE");
匹配所有正在执行动画效果的元素:
只有对不在执行动画效果的元素执行一个动画特效:
HTML 代码:
<button id="run">Run</button><div></div>jQuery
代码:
$("#run").click(function(){
$("div:not(:animated)").animate({ left: "+=20" }, 1000);
});
匹配所有不包含子元素或者文本的空元素:$("td:empty")
匹配含有子元素或者文本的元素:$("td:parent")
匹配包含给定属性的元素:
HTML 代码:
<div>
<p>Hello!</p>
</div>
<div id="test2"></div>
jQuery 代码:
$("div[id]")
结果:
[ <div id="test2"></div> ]
匹配给定的属性是以某些值开始的元素:
查找所有 name 以 'news' 开始的 input 元素:
HTML 代码:
<input name="newsletter" />
<input name="milkman" />
<input name="newsboy" />
jQuery 代码:
$("input[name^='news']")
结果:
[ <input name="newsletter" />, <input name="newsboy" /> ]
匹配给定的属性是以某些值结尾的元素:$("input[name$='letter']")
匹配给定的属性是以包含某些值的元素:$("input[name*='man']")
复合属性选择器,需要同时满足多个条件时使用:$("input[id][name$='man']")
匹配所有 input, textarea, select 和 button 元素:$(":input")
隐藏元素分两种: <tr style="display:none"><td>Value 1</td></tr>,<input type="hidden" name="id" />
从所有匹配的元素中删除全部或者指定的类:从匹配的元素中删除 'selected' 类
HTML 代码:
<p class="selected first">Hello</p>
jQuery 代码:
$("p").removeClass("selected");
结果:
[ <p class="first">Hello</p> ]
如果存在(不存在)就删除(添加)一个类:
为匹配的元素切换 'selected' 类:
HTML 代码:
<p>Hello</p><p class="selected">Hello Again</p>
jQuery 代码:
$("p").toggleClass("selected");
结果:
[ <p class="selected">Hello</p>, <p>Hello Again</p> ]
如果开关switch参数为true则加上对应的class,否则就删除:
每点击三下加上一次 'highlight' 类
HTML 代码:
<strong>jQuery 代码:</strong>
jQuery 代码:
var count = 0;
$("p").click(function(){
$(this).toggleClass("highlight", count++ % 3 == 0);
});
如果开关switch参数为true则加上对应的class,否则就删除:
根据父元素来设置class属性
jQuery 代码:
$('div.foo').toggleClass(function() {
if ($(this).parent().is('.bar') {
return 'happy';
} else {
return 'sad';
}
});
html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。
发表评论
-
microsoft.xmldom在struts中的使用
2011-10-10 17:49 850在js中定义url: function query(form ... -
myeclipse6.5从svn上下载项目
2011-10-09 14:25 16561、myeclipse6.5 通过集成的svn插件,从svn服 ... -
2011年8月8日 9:55:48
2011-08-08 15:19 623bingAccount.xml 的 cacheModel 没 ... -
2011-8-5_13-29-05_周五
2011-08-08 15:17 6622011-8-5_13-29-05_周五 sprin ... -
2011-8-4_08-29-52_周四
2011-08-08 15:16 5792011-8-4_08-29-52_周四 如果出现4 ... -
2011-8-3_15-43-14_周三
2011-08-08 15:14 5912011-8-3_15-43-14_周三 jsp中的 ... -
2011-8-1_18-03-51_周一
2011-08-08 15:11 5582011-8-1_18-03-51_周一 在分页显示中改变 ... -
2011-7-31_09-21-13_周日
2011-08-08 15:09 5032011-7-31-9:21:13-周日 我的个人电 ... -
2011-7-30-18:34:19-星期六
2011-08-08 15:06 3692011-7-30-18:34:19-星期六 1、速 ...
相关推荐
TCP 协议详解 本资源摘要信息将对 TCP 协议进行详细的解释,涵盖 TCP 连接建立、数据传送和连接释放三个阶段。同时,还将对滑动窗口机制、窗口侦查机制、慢启动、拥塞避免和拥塞处理机制等进行深入分析。...
2. **选择控制**:当需要根据特定条件决定执行哪部分代码时,我们会使用条件语句。Java提供了 `if`、`if-else` 和 `switch` 语句。 - **if**:简单的条件检查,如果条件为真,则执行相应的代码块。 ```java int ...
TRUNC(NEXT_DAY(SYSDATE - 8, 1) + 2) AS 周二, TRUNC(NEXT_DAY(SYSDATE - 8, 1) + 3) AS 周三, TRUNC(NEXT_DAY(SYSDATE - 8, 1) + 4) AS 周四, TRUNC(NEXT_DAY(SYSDATE - 8, 1) + 5) AS 周五, TRUNC(NEXT_DAY...
星期的返回值通常是一个整数,其中0表示周一,1表示周二,以此类推,6表示周日。下面是一个简单的示例: ```python import datetime def get_weekday(year, month, day): date = datetime.date(year, month, day)...
15. **介词** - "He has a big room ______________(有) twelve showers and four baths." "with"表示伴随,表明房间有十二个淋浴间和四个浴室。 **单项选择题知识点**: 1. **介词** - "They will build a new ...
2. **BGP会话建立过程**: - OPEN报文:用于交换BGP版本、自治系统号、保持时间(Hold Time)和BGP标识符等信息,用于初始化会话。 - KEEPALIVE报文:周期性发送,以确认连接状态,防止因网络延迟导致的假死连接。...
【会议纪要】SE2020-G06团队在2021年1月12日进行了一次重要的会议,由黄德煜主持,地点设在明德一413宿舍。此次会议的主要目的是对总评审任务进行阶段性检查,确保项目的进展与质量。会议时间从20:30持续到21:35,参...
他们忘了教给你R的东西 rstudio :: conf 2020 作者:Kara Woo,Jenny Bryan和Jim Hester <-链接到所有内容的一个...09:00-10 : 30 2_1:个人R管理1 of 2 10:30-11:00休息11:00-12 : 30 2_2:个人R管理2之2 12:30-1
2. 在周二晚上 ________ 3. 在星期天 ________ 答案提示:1. on 2. on 3. on ##### 练习3 选择正确的介词填空: 1. 在一周 ________ 2. 在五月 ________ 3. 在夏季 ________ 4. 在2009年 ________ 5. 在下午 _____...
办公时间:周二 11-12 集合时间:周三 9-11:50am 位置:Mandler 1539(在 Muir 校区,如果您面对 UG 咨询办公室,教室就在右边)。 头等舱 2019 年 1 月 9 日 课程说明 本课程将向新程序员介绍 Python 和 Jupyter ...
- 询问周二的课程安排,应该说:B. What do you have on Tuesday? - 介绍完自己后想了解对方,应该说:A. What about you? - 询问明天是星期几,应该说:B. What day is tomorrow? - 告诉别人自己周六踢足球,...
2. 动名词作宾语补足语:"I can’t stand him _____ talking." 动词stand后面常跟动名词作宾语补足语,表示忍受某人做某事,因此正确答案是B. keeping。 3. 固定搭配:"It is polite to wait _____ in public." ...
8. **H3C公司在MIB中的节点** - H3C公司在MIB中的节点为1.3.6.1.4.1.25506。 9. **ASN.1编码规则** - ASN.1(Abstract Syntax Notation One)是一种标准编码规则,用于在网络协议中表示数据结构。实验中的第一条...
实验8的研究生1实验报告主要涉及网络协议和网络工具的应用,包括生成树协议(STP)、链路聚合、路由配置、访问控制列表(ACL)以及SNMP陷阱(Trap)报文的分析。以下是对这些知识点的详细说明: 1. **生成树协议...
例如,PC1和PC2的IP地址分别为192.168.X.2和192.168.X.3,其中X代表小组编号,掩码均为255.255.255.0,网关均为192.168.X.1。路由器R1的接口F0/0的IP地址为192.168.X.1,而R2的接口S2/0的IP地址为202.101.X.1。 ...
dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'], dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'], weekHeader: '周', dateFormat: 'yy-mm-dd', firstDay: 1, isRTL: ...
周二 星期三 周四 周五 周六 -- 1个-- 2 -- 3 -- 4 -- 5 -- 6 -- 7 -- 8 -- 9 -- 10 -- 11 -- 12 -- 13 -- 14 -- 15 -- 16 -- 17 -- 18岁-- 19 -- 20 -- 21 -- 22 :beer_mug: 23 :beer_mug: ...
办公时间:5:15pm-5:35pm , 9:00pm – 10:10pm 上课时间:周二 5:45pm-9:00pm 在 Lewis 1511 [Section 702] 随时在线 [Section 711] 我们将学习面向对象的设计和实现。 本课程的主题包括: 面向对象编程语言的...
RGraph2_2012-03-28-stable 是一个特定版本的RGraph库,该库是一个用于创建动态、交互式图形的JavaScript库。这个版本发布于2012年3月28日,是当时稳定版本,意味着它经过了充分的测试和优化,适合在生产环境中使用...
- "在周二和周四":on Tuesdays and Thursdays - "学校游泳队的一个成员":be a member of the school swimming team 2. 词汇运用与语法: - "This is our ________(one)day in Japan." 此处应填序数词,表示"第...