码迷,mamicode.com
首页 > Web开发 > 详细

jQuery基础代码练习

时间:2017-03-20 17:49:40      阅读:364      评论:0      收藏:0      [点我收藏+]

标签:else   jquery基础   utf-8   ==   length   输入   姓名   type   last   

html<html<head lang="en"<meta charset="UTF-8"<titletitle</head<body<h1</h1<brbr<div id="div1"<div</div<div<div</div</div<div<div</div<div</div</div<div</div</div<brbr<ol<li</li<li</li<li</li</ol<hr<script src="../jQuery/jquery-1.12.2.min.js"script<script$("div div:last").css("color","orange");
($("div div div:first-child").css("font-size","24px"));
alert($("div div div").length);
script<brbr<form action="#"<input type="text" onblur="aa()"<br<input type="password" onblur="bb()"<br</form<brbr<ol<li</li<li</li</ol<script src="../jQuery/jquery-1.12.2.min.js"script<scriptfunction aa(){
if($("form input").eq(0).val()==""){
$("form input").eq(0).val("请输入姓名:");
}
else{
alert($("form input").eq(0).val());
}
}
function bb(){
var changdu=$("form input").eq(1).val().length;
if(changdu>20){
var num= $("form input").eq(1).val().substr(0,20);
$("form input").eq(1).val(num);
}
}
script</body</html>

jQuery基础代码练习

标签:else   jquery基础   utf-8   ==   length   输入   姓名   type   last   

原文地址:http://www.cnblogs.com/huzjijie/p/6590601.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!