控制jQuary对象

转载 2012年03月29日 19:33:10
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>控制jQuery对象</title>
    <script language="javascript" type="text/javascript" 
            src="Jscript/jquery-1.4.2.min.js"></script>
    <style type="text/css">
           .divFrame{width:260px;border:solid 1px #666;font-size:10pt}
           .divTitle{background-color:#eee;padding:5px}
           .divContent{padding:8px;font-size:9pt}
           .divTip{width:244px;border:solid 1px #666;padding:8px;font-size:9pt;margin-top:5px;display:none}
           .txtCss{border:solid 1px #ccc}
           .divBtn{padding-top:5px}
           .divBtn .btnCss{border:solid 1px #535353;width:60px}
    </style>
    <script type="text/javascript">
         $(function(){
           $("#btnSubmit").click(function(){
             var oTxtValue=$("#Text1").val(); //获取文本框的值
             var oRdoValue=$("#Radio1").is (":checked")?"男":"女"; //获取单选框按钮值
             var oChkValue=$("#Checkbox1").is (":checked")?"已婚":"未婚";//获取复选框按钮值
             $("#divTip").css("display","block").html(oTxtValue+"<br>"+oRdoValue+"<br>"+oChkValue); //显示提示文本元素
           })         
         })
    </script>
</head>
<body>
<div class="divFrame">
    <div class="divTitle">请输入如下信息</div>
    <div class="divContent">
        姓名:<input id="Text1" type="text" class="txtCss"/><br />
        性别:<input id="Radio1" name="rdoSex" type="radio" value="男" />男
              <input id="Radio2" name="rdoSex" type="radio" value="女" />女<br />
        婚否:<input id="Checkbox1" type="checkbox" />
        <div class="divBtn"><input id="btnSubmit" type="button" value="提 交" class="btnCss" /></div>
    </div>
</div>
<div id="divTip" class="divTip"></div>
</body>
</html>

jquary-------------层次选择器

第一个选择器:(后代选择器:控制的是子子孙孙) 第二个选择器:只控制儿子级别的 l紧接相邻选择器prev + next可以使用next()方法替代 l后面相邻兄弟选择器prev ~s...

jquary学习之路--1

1.jQuery 是一个 JavaScript 函数库。 jQuery 库包含以下特性: HTML 元素选取HTML 元素操作CSS 操作HTML 事件函数JavaScript 特效和动画...

jquary---创建节点和插入节点

无标题文档 $(function(){     var $btn=$("button");//首先选出按钮     $btn.click(function(){//给按钮加一个时间...

AJAX 笔记3:无刷新评论【版本一(AJAX+JQuary+Rrepeater+SQL Server)】

案例:新闻的无刷新评论,防止打断视频播放。刚进入界面的时候评论也是页面显示后才加载, “ 正在加载评论 ” 。界面上有一个表格,逐条显示评论,页面刚进来的时候显示已有评论。用户在评论文本框中输入文本,...
  • zhanzkw
  • zhanzkw
  • 2011年09月10日 12:35
  • 802

jquary绑定事件------------展开关闭

无标题文档 body{font-size:12px;} #father{width:400px;} .son1{background:#0C9;border:1px solid #036;h...

jquary实现的动态添加表格效果

html> html> head lang="en"> meta charset="UTF-8"> title>title> style> * { ...

JQuary中的FullPage属性的用法

$(document).ready(function(){     //常用方法     //$.fn.fullpage.moveSectionUp()   //向上滚动一页  ...

jquary根据td中按钮的元素属性删除tr行(删选出想删除的行)

删除没有蓝色按钮的tr行。

jquary过滤选择器

$(function(){         //$("tr:first").css("background-color","yellow");改变第一个tr元素的背景色         //$("...

Struts2+jquary ajax方式返回json并解析

*Struts2 提供了 JSON Plugin,以方便的返回json数据,使用这个插件我们不再需要使用json依赖包自己创建josn对象。主要步骤: 1.引入jar包(我这里使用的是 struts...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:控制jQuary对象
举报原因:
原因补充:

(最多只允许输入30个字)