测试Jquery各写法

最新推荐文章于 2022-08-11 17:57:43 发布
最新推荐文章于 2022-08-11 17:57:43 发布
阅读量520 收藏
点赞数
分类专栏： 前端设计
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dreamboycx/article/details/8477755
版权 
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="jquery.easyui.min.js" type="text/javascript"></script>
<script>
$(function(){
  $(":input[name=cate]").click(function(){
   if(this.value==2){
    $("#dis").show();
   }else{
    $("#dis").hide();
   } 
  });
  $(":input[name=user2]").blur(function(){
  alert(this.value); 
  });
  
  $(":input[name=set]").click(function(){
  //$('#select_id')[0].selectedIndex = 2;
    var sel = $('#select_id')[0].selectedIndex;
  var sext = $('#select_id option:selected').text();
  alert(sel);
  alert(sext);
  });
//单击空白区域隐藏弹出层,用于某弹出层不用有关闭按钮，单击页面空白处即可
    $(document).click(function() { 
		$("#pwd").hide() 
	}); 
	$(":input[name=sub]").click(function(){
		alert("提交成功了");
	});
	$("#dian").one("click",function(){
		alert(this.value);
	});
	$("#zaidian").bind("click",function(){
		alert(this.value);
		$("#zaidian").unbind("click");
	});
	
	$("#old").click(function(){
		$("#divResult").html("aaa");
		$("input").trigger("focus");
     });
	$("#new").click(function(){
		$("#divResult").html("");
		$("input").triggerHandler("focus");
	});
    //$("input").focus(function() { $("<span>Focused!</span>").appendTo("#divResult"); });


//图片预览
var x=5;
var y=15;
$("img").mouseover(function(e){
//alert($("#imgtip").attr("src"));
	$("#imgtip").attr("src",this.src).css({"top":(e.pageY+y)+"px","left":(e.pageX+x)+"px"}).show();

});

$("img").mouseout(function(){
	$("#imgtip").hide();
});
$("#myfile").click(function(){
	
	var ff = $(":input[type=file]").val();
alert(ff);

});
 
});
function foo(val){
 	alert(val);
	$("#zaidian").unbind("click",foo);
}

var nowtime = new Date();
var year = nowtime.getFullYear();
//alert(year);

//验证身份证号
function isIdCardNo(num) {            
    num = num.toUpperCase();           //身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X。        
    if (!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/.test(num))) {     
        alert('输入的身份证号长度不对，或者号码不符合规定！');              
        return false;         
    } //校验位按照ISO 7064:1983.MOD 11-2的规定生成，X可以认为是数字10。 
    //下面分别分析出生日期和校验位 
    var len, re; len = num.length; if (len == 15) { 
        re = new RegExp(/^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/); 
        var arrSplit = num.match(re);  //检查生日日期是否正确
        var dtmBirth = new Date('19' + arrSplit[2] + '/' + arrSplit[3] + '/' + arrSplit[4]); 
        var bGoodDay; bGoodDay = (dtmBirth.getYear() == Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) == Number(arrSplit[3])) && (dtmBirth.getDate() == Number(arrSplit[4]));
        if (!bGoodDay) {         
            alert('输入的身份证号里出生日期不对！');            
            return false;
        } else { //将15位身份证转成18位 //校验位按照ISO 7064:1983.MOD 11-2的规定生成，X可以认为是数字10。        
            var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);         
            var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');      
            var nTemp = 0, i;            
            num = num.substr(0, 6) + '19' + num.substr(6, num.length - 6);           
            for(i = 0; i < 17; i ++) {                 
                nTemp += num.substr(i, 1) * arrInt[i];        
            }
            num += arrCh[nTemp % 11]; 
            return true;
        }
    }
    if (len == 18) {
        re = new RegExp(/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/); 
        var arrSplit = num.match(re);  //检查生日日期是否正确 
        var dtmBirth = new Date(arrSplit[2] + "/" + arrSplit[3] + "/" + arrSplit[4]); 
        var bGoodDay; bGoodDay = (dtmBirth.getFullYear() == Number(arrSplit[2])) && ((dtmBirth.getMonth() + 1) == Number(arrSplit[3])) && (dtmBirth.getDate() == Number(arrSplit[4])); 
        if (!bGoodDay) { 
            alert(dtmBirth.getYear()); 
            alert(arrSplit[2]); 
            alert('输入的身份证号里出生日期不对！'); 
            return false; 
        }
        else { //检验18位身份证的校验码是否正确。 //校验位按照ISO 7064:1983.MOD 11-2的规定生成，X可以认为是数字10。 
            var valnum; 
            var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2); 
            var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2'); 
            var nTemp = 0, i; 
            for(i = 0; i < 17; i ++) { 
                nTemp += num.substr(i, 1) * arrInt[i];
            } 
            valnum = arrCh[nTemp % 11]; 
            if (valnum != num.substr(17, 1)) { 
                alert('18位身份证的校验码不正'); 
                return false; 
            } 
            return true; 
        } 
    } return false;

}



</script>

</head>

<body>
<form action="" method="post" name="myform">
<input type="radio" name="cate" value="1" />原创
<input type="radio" name="cate" value="2"  />转载
<span style="display:none" id="dis"><input type="text" name="rizhi" id="rizhi" value="填写转载地址" /></span>
<input type="checkbox" name="items" value="1" />骑马
<input type="checkbox" name="items" value="2"  />击剑
<input type="checkbox" name="items" value="3" />游泳
<input type="checkbox" name="items" value="4"  />射击
<br />
<a href="http://www.baidu.com" id="my">aa</a>
<input type="text" name="use1"  value="填写身份证号" οnblur="isIdCardNo(this.value);" οnclick=" value='';focus();" />
<input type="text" name="use2" οnclick=" value='';focus();" value="填写内容"/>
<input type="text" name="use3" />
<select name="mysel" id="select_id">
<option value="1">aaaaaaaa</option>
<option value="2">bbbbbbbb</option>
<option value="3">cccccccc</option>
<option value="4">dddddddd</option>
</select>
<input type="button" name="set" value="设定下拉菜单"/>
<input type="button" name="sub" value="提交"/>
<input type="button" name="dian" id="dian" value="第一次点击弹窗，再点失效"/>
<input type="button" name="dian" id="zaidian" value="功能同左，写法不同"/><br />
<button id="old">
        测试一</button>
    <button id="new">
        测试二</button><br />
    <br />
    <input type="text" value="To Be Focused" />
    <div id="divResult"></div>
<input type="file" name="myfile" /><button id="myfile">文件检测</button>
</form>

<img src="images/1.jpg" id="hibiscus" width="100" height="100" /><br /> <img id="imgtip" src="images/s.gif" style="display:none" />

</body>
</html>


dreamboycx
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery是什么及jQuery写法
qq_37635012的博客
07-11 1440
jQuery是什么 jQuery是快速简洁的js框架，它的宗旨是"write Less，Do more"，即写得更少，做得更多。jQuery提供了大量的扩展。目前jQuery兼容于各种主流浏览器，比如IE6.0+、FF1.5+、Safari2.0+、Opera9.0+等。jQuery官网是https://jquery.com/，它是一个纯英文的网站。英文学习有点费劲，我们可以去一些中文文档学习，比如w3school里就有一个分栏专门讲jQuery,链接是https://www.w3school.com.c
jquery写法
海涛高软
10-17 163
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
jQuery插件扩展
xuanChristy的博客
03-16 327
扩展JQuery本身 扩展JQuery实例 扩展写法 使用插件 JQuery实际上就是一个封装操作DOM的对象。 JQuery插件实际上就是扩展JQuery这个对象（实例或者本身），增加用户自己的方法。 1. 扩展JQuery本身 JQuery提供.extend()方法来对自身进行扩展。 $.extend( { say : function() { return "ro
常用的jQuery写法
samuelandkevin的专栏
04-23 336
jQuery教程 $(this).addClass('on').siblings().removeClass('on'); $(this).parent().next().find('.tab_con_item').empty();
jQuery 几种写法
web
06-12 4211
1. $(function(){ $( '#google' ).click(function(){ alert( $(this).text() ); return false; }); }); 这种写法是放在页面中任何一个地方都有效 2. (funct
js模仿jquery的写法示例代码
01-19
测试代码： 代码如下: (function(){ var p=new PEvent(document); p.click(function() { //alert(“单击”); //alert(p.style); var html=””; for ( var item in document) { html+=item+’:’+...
jQuery的写法不同导致的兼容性问题的解决方法
10-28
在JavaScript的世界里，jQuery库...最后，记住在开发过程中进行多浏览器测试，尤其是针对那些已知存在兼容性问题的浏览器，如老版本的IE。这将帮助你尽早发现并解决类似的问题，确保你的代码在各种环境下都能顺畅运行。
写jQuery插件时的注意点
10-20
在编写jQuery插件时，确保其质量和兼容性是至关重要的。以下是一些关键的注意事项，可以帮助你写出高质量、模块化的jQuery插件。 1. **命名规范**：遵循良好的JavaScript命名约定，例如使用驼峰式命名（camelCase）...
关于juqery radio写法的兼容性问题(新老版本jquery)
10-29
因此，如果要获取名为`radio_name`且被选中的radio按钮的值，老版本的jQuery写法是： ```javascript $("[@name='radio_name'][checked]").val(); ``` 或者 ```javascript $("[@name='radio_name']:checked").val();...
超实用的jQuery代码段
03-04
超实用的jQuery代码段精选近350个jQuery代码段，涵盖页面开发中绝大多数要点、技巧与方法，堪称史上最实用的jQuery代码参考书，可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...
Jquery函数的几种写法
weixin_34245082的博客
11-24 1295
1. (function(){})表示一个匿名函数。function(arg){...}定义了一个参数为arg的匿名函数，然后使用(function(arg){...})(param)来调用这个匿名函数。其中param是传入这个匿名函数的参数。　　需要注意与$(function(){})的区别：$(function(){}) 是 $(document).ready(function(){}) ...
jquery三种写法
mxk4869的博客
07-11 584
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> 2 <script> 3 // 第一种写法 4 $(function(){ 5 $("div").html(""); 6 // ...
Acticle 16：选项卡（jquery写法）
amytun_yu的博客
11-01 541
代码：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box{ margin: 0 auto; } #box div{
jQuery的三种写法
weixin_30687811的博客
12-05 195
jQuery的三种写法 jQuery一共有三种写法，写法如下： 1 <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> 2 <script> 3 //第一种写法 4 $(function(){ 5 ...
jquery的一种新写法
马金波
04-09 332
之前写法都觉得太低端了，不过不否认哈，毕竟javasrcipt都是识别的，习惯罢了。 $(function(){ var activityClass = { init:function() { this.build(); this.clear(); this.initEvent(); ...
JQuery
sh2001824的博客
08-11 234
JQuery基础
jquery几种书写格式
fucktester的博客
04-18 6650
几种书写格式，记录一下 //原始 $(document).ready(function(){ document.write("test1", ""); }); //缩写 $().ready(function(){ document.write("test2", ""); }); //缩写 $(function(){
jquery onclick写法
最新发布
04-08
对于jquery onclick写法，可以这样实现： $(document).ready(function(){ $("button").click(function(){ alert("Hello World!"); }); }); 这样，当页面加载完成后，点击按钮就会弹出"Hello World!"。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值