`
ITFlyDragon
  • 浏览: 17639 次
最近访客 更多访客>>
社区版块
存档分类
最新评论

2011-8-2_09-15-06_周二

阅读更多

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文档。

 

 

 

 

 

分享到:
评论

相关推荐

    周二上午-ZY1906-研究生套件1_2(传输层)1

    TCP 协议详解 本资源摘要信息将对 TCP 协议进行详细的解释,涵盖 TCP 连接建立、数据传送和连接释放三个阶段。同时,还将对滑动窗口机制、窗口侦查机制、慢启动、拥塞避免和拥塞处理机制等进行深入分析。...

    Java程序设计-4-流程控制.zip_控制 Java

    2. **选择控制**:当需要根据特定条件决定执行哪部分代码时,我们会使用条件语句。Java提供了 `if`、`if-else` 和 `switch` 语句。 - **if**:简单的条件检查,如果条件为真,则执行相应的代码块。 ```java int ...

    SQL语句,查询当月,当年数据

    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...

    a-date-of-the-year.rar_The Year

    星期的返回值通常是一个整数,其中0表示周一,1表示周二,以此类推,6表示周日。下面是一个简单的示例: ```python import datetime def get_weekday(year, month, day): date = datetime.date(year, month, day)...

    江苏省新沂市2020学年七年级英语下学期第三学月月考试题(无答案) 牛津版.doc

    15. **介词** - "He has a big room ______________(有) twelve showers and four baths." "with"表示伴随,表明房间有十二个淋浴间和四个浴室。 **单项选择题知识点**: 1. **介词** - "They will build a new ...

    周二上午-ZY1906-研究生套件2(BGP)1

    2. **BGP会话建立过程**: - OPEN报文:用于交换BGP版本、自治系统号、保持时间(Hold Time)和BGP标识符等信息,用于初始化会话。 - KEEPALIVE报文:周期性发送,以确认连接状态,防止因网络延迟导致的假死连接。...

    SE2020-G06-会议纪要_2021.1.121

    【会议纪要】SE2020-G06团队在2021年1月12日进行了一次重要的会议,由黄德煜主持,地点设在明德一413宿舍。此次会议的主要目的是对总评审任务进行阶段性检查,确保项目的进展与质量。会议时间从20:30持续到21:35,参...

    what-they-forgot

    他们忘了教给你R的东西 rstudio :: conf 2020 作者:Kara Woo,Jenny Bryan和Jim Hester &lt;-链接到所有内容的一个...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

    初中英语介词用法详细讲解与练习.doc

    2. 在周二晚上 ________ 3. 在星期天 ________ 答案提示:1. on 2. on 3. on ##### 练习3 选择正确的介词填空: 1. 在一周 ________ 2. 在五月 ________ 3. 在夏季 ________ 4. 在2009年 ________ 5. 在下午 _____...

    程序员考试刷题-PSYC193_IntroPython_W2019:PSYC193_IntroPython_W2019

    办公时间:周二 11-12 集合时间:周三 9-11:50am 位置:Mandler 1539(在 Muir 校区,如果您面对 UG 咨询办公室,教室就在右边)。 头等舱 2019 年 1 月 9 日 课程说明 本课程将向新程序员介绍 Python 和 Jupyter ...

    (2021-2022年收藏)新版PEP小学英语五年级上册第二单元Myweek测试卷.doc

    - 询问周二的课程安排,应该说:B. What do you have on Tuesday? - 介绍完自己后想了解对方,应该说:A. What about you? - 询问明天是星期几,应该说:B. What day is tomorrow? - 告诉别人自己周六踢足球,...

    八年级英语下册第710单元练习题及答案2精选.doc

    2. 动名词作宾语补足语:"I can’t stand him _____ talking." 动词stand后面常跟动名词作宾语补足语,表示忍受某人做某事,因此正确答案是B. keeping。 3. 固定搭配:"It is polite to wait _____ in public." ...

    周二上午-ZY1906-研究生套件2网络管理1

    8. **H3C公司在MIB中的节点** - H3C公司在MIB中的节点为1.3.6.1.4.1.25506。 9. **ASN.1编码规则** - ASN.1(Abstract Syntax Notation One)是一种标准编码规则,用于在网络协议中表示数据结构。实验中的第一条...

    周二上午-ZY1906-实验8-实验报告-研究生1

    实验8的研究生1实验报告主要涉及网络协议和网络工具的应用,包括生成树协议(STP)、链路聚合、路由配置、访问控制列表(ACL)以及SNMP陷阱(Trap)报文的分析。以下是对这些知识点的详细说明: 1. **生成树协议...

    期末考试C卷-- 周二7~8节班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。 ...

    Ui的datepicker插件使用方法

    dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'], dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'], weekHeader: '周', dateFormat: 'yy-mm-dd', firstDay: 1, isRTL: ...

    WriteCode每天

    周二 星期三 周四 周五 周六 -- 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: ...

    java源码uml-SE_450_Object_Oriented_Software_Development:SE_450_Object_Ori

    办公时间:5:15pm-5:35pm , 9:00pm – 10:10pm 上课时间:周二 5:45pm-9:00pm 在 Lewis 1511 [Section 702] 随时在线 [Section 711] 我们将学习面向对象的设计和实现。 本课程的主题包括:  面向对象编程语言的...

    RGraph2_2012-03-28-stable

    RGraph2_2012-03-28-stable 是一个特定版本的RGraph库,该库是一个用于创建动态、交互式图形的JavaScript库。这个版本发布于2012年3月28日,是当时稳定版本,意味着它经过了充分的测试和优化,适合在生产环境中使用...

    江苏省高邮市七年级英语上册Unit4MydayPeriod3课时当堂训练新版牛津版

    - "在周二和周四":on Tuesdays and Thursdays - "学校游泳队的一个成员":be a member of the school swimming team 2. 词汇运用与语法: - "This is our ________(one)day in Japan." 此处应填序数词,表示"第...

Global site tag (gtag.js) - Google Analytics