程序博客网 > 办公软件基础知识

jquery的属性

来源：互联网 发布：办公软件基础知识 编辑：程序博客网 时间：2024/06/05 19:44

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>My JSP 'jquery5.jsp' starting page</title>
   
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->
 <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
 <script type="text/javascript">
  $(function(){
    $("#a").click(function(){
     alert("asd");
     alert($("form input")[0].value);
     
    //$("#c input:not(.test):enabled").val("asd");
    //$("form input[class!=test]:enabled").val("我爱你");
    });
    
    $("#b").click(function(){
     //alert("asdsad");
     //$("form input:not(.test):disabled").val("真的很好");
    //$("#single").val("Single2");
    //$("#multiple").val(["Multiple2", "Multiple3"]);//是"Multiple2", "Multiple3"被选中
    //$("input").val(["check2", "radio1"]);//让值为"check2", "radio1"的按钮被选中
    
    });
    //$("div:first").html('共有'+$('form input:checked').length+"被选中");
    /*$(":checkbox").click(function(){
     
     //$("div:first").html('共有'+$('form input:checked').length+"被选中");
    });*/
    /*$("select:first").change(function(){
     var str = '';
     $("select:first option:selected").each(function(){
      
      str += $(this).val() +",";
     });
     $("div:eq(1)").html(str);
    });*/
    $(function(){
     $("input:first").click(function(){
      alert($("form :text").length);
      $("form input:input").length;//这是指form中的input的个数，想如果<textarea/>这种就不算了
      $("form :input").length;//但是这中形式向<textarea/>也会算进来
     });
     
    });
   
  });
 </script>
  </head>
 
  <body>
    <!--<input type="checkbox" value="check1"/> check1
  <input type="checkbox" value="check2"/> check2
  <input type="radio" value="radio1"/> radio1
  <input type="radio" value="radio2"/> radio2 <br>
     <select id="single">
     <option>Single</option>
     <option>Single2</option>
  </select>
  <select id="multiple" multiple="multiple">
    <option selected="selected">Multiple</option>
    <option>Multiple2</option>
    <option selected="selected">Multiple3</option>
 </select><br/>
     <form action="#" id="c" method="post">
      <input type="button" id="a" value="test1" class="test">
      <input type="button" id="b" value="test2" class="test"><br>
      可用元素：<input type="text"><br>
      不可用元素：<input type="text" disabled="disabled"><br>
      可用元素：<input type="text"><br>
      不可用元素：<input type="text" disabled="disabled"><br>
      多选框：
      <input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><br>
      下拉列表1：
      <select multiple="multiple">
       <option>a</option><option>b</option><option>c</option><option>d</option>
      </select><br><br>
      下拉列表2：
      <select>
       <option>a</option><option>b</option><option>c</option><option>d</option>
      </select>
     </form>-->
     
     <form action="">
      <input type="button" value="button"><br>
      <input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox"><br>
      <input type="file"><br>
      <input type="radio"><input type="radio"><br>
      <input type="reset" value="重置"><br>
      <input type="submit" value="提交"><br>
      <input><br>
      <textarea rows="10" cols="20"></textarea><br>
      <input type="button" value="button"><br>
     </form>
     <div></div>
     <div></div>
  </body>
</html>

 

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
   
    <title>My JSP 'jquery6.jsp' starting page</title>
   
 <meta http-equiv="pragma" content="no-cache">
 <meta http-equiv="cache-control" content="no-cache">
 <meta http-equiv="expires" content="0">   
 <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
 <meta http-equiv="description" content="This is my page">
 <!--
 <link rel="stylesheet" type="text/css" href="styles.css">
 -->
 <script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
 <script type="text/javascript">
  $(function(){
  
   //$("table tr:even").css("background","red");
   //$("table tr:odd").css("background","orange");
   $("input[type='button']").click(function()
   {
   var count = 0;
    //alert('asd');
    $("input[type='checkbox']:checked").each(function(i,n){
     count++;
    });
    //alert(count);
   //$("div").html(count);
   //alert($("input :checked").length);//在input中被选中的个数，是0
   //alert($("input:checked").length);//被选中的inpu的个数，是4
   alert($(".test:even").length);//为奇数的div的个数
   alert($(".test :even").length)//class为test的div中为奇数的div的个数
   });
   
  });
 </script>
  </head>
 
  <body>
      <table border="1px solid" align="center" width="80%">
       <tr><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td></tr>
       <tr><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td></tr>
       <tr><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td></tr>
       <tr><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td></tr>
       <tr><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td></tr>
       <tr><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td></tr>
       <tr><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td></tr>
       <tr><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td></tr>
       <tr><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td></tr>
       <tr><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td><td>asdasd</td></tr> 
 </table>
 <div></div>
 <input type="button" value="计算"><br>
 <input type="checkbox" value="asd">
 <input type="checkbox" checked="checked">
 <input type="checkbox" checked="checked">
 <input type="checkbox" checked="checked">
 <input type="checkbox">
 <input type="checkbox">
 <input type="checkbox">
 <div  class="test">
  <div class="test" style="display: block">q</div>
  <div  class="test" style="display: block">a</div>
  <div  class="test" style="display: block">s</div>
  <div  class="test" style="display: block">d</div>
 </div>
  </body>
</html>

 

办公软件基础知识 办公软件基础知识
原创粉丝点击
热门IT博客
华为手机人工智能在哪华为手机人工智能在哪
淘宝个人店铺申请流程淘宝个人店铺申请流程
淘宝上怎么投诉卖家
plc与单片机哪个好学
linux 显示驱动
replace mysql
361官方旗舰店淘宝
mac上自带软件可以删了
伊戈达拉nba数据
java达内和黑马哪个好
辽宁广电网络
保卫萝卜3炮塔数据挖掘
淘宝上月销量怎样统计
java split用法 参数
js 循环
db2 创建数据库
apache kylin教程
纪录片《国殇》知乎
淘宝童装客服话术
如何在知乎回答问题
热门问题 老师的惩罚 人脸识别 我在镇武司摸鱼那些年 重生之率土为王 我在大康的咸鱼生活 盘龙之生命进化 天生仙种 凡人之先天五行 春回大明朝 姑娘不必设防，我是瞎子 600755厦门国贸 深圳国贸大厦 厦门国贸股票 国贸桥堵车吗 厦门国贸集团股份有限公司 厦门国贸集团 民盈国贸中心 国贸股份股吧 北京国贸三期 东莞民盈国贸中心 北京国贸大酒店 厦门国贸600755 南昌国贸阳光 沈阳国贸饭店 厦门国贸控股集团有限公司 横店国贸大酒店 国贸附近送水 国贸附近律师事务所 国贸附近房价 国贸上门修电脑 国贸减速机有限公司 国贸旋转餐厅 国贸中心大厦 国贸附近小时工 国贸公寓房价 国际贸易 世界贸易 女学金融还是国贸 国资 国资平台 国资拍卖 湖北国资 国资商城 国资公司 北京国资公司 国资公司是什么单位 国资局属于什么单位 西安建筑科技大学国资处 数学建模国赛 香河国良赛鸽俱乐部 国良赛鸽俱乐部

程序博客网，程序员的互联网技术博客家园。csdn论坛精品 msdn技术资料都在这里