jquery实例Word文档下载推荐.docx
- 文档编号:20675783
- 上传时间:2023-01-25
- 格式:DOCX
- 页数:21
- 大小:21.21KB
jquery实例Word文档下载推荐.docx
《jquery实例Word文档下载推荐.docx》由会员分享,可在线阅读,更多相关《jquery实例Word文档下载推荐.docx(21页珍藏版)》请在冰豆网上搜索。
...{
varcomid=$("
#comid"
).val();
varjobid=$("
#jobid"
varuserid=$("
#userid"
$.ajax(...{
type:
"
POST"
url:
../include/ajax.php"
data:
+"
&
comid="
+comid+"
jobid="
+jobid+"
userid="
+userid,
beforeSend:
function()...{
},
success:
function(msg)...{
if(msg=="
success"
)...{
alert("
求职信息,已经提交!
请等候通知!
"
)
}else...{
信息已发送,请不要重复提交!
);
});
}
(2)后台页面ajax.php
?
header("
Cache-Control:
no-cache"
require_once("
function.php"
switch($_POST["
action"
]){
case1:
$comid=verify_id($_POST["
]);
$jobid=verify_id($_POST["
$userid=verify_id($_POST["
$appdate=time();
$hasapp=getValue("
select*fromcsj_appjobwherejobid=$jobidanduserid=$useridandcomid=$comid"
"
id"
if($hasapp=="
){
$sql="
insertintocsj_appjob(comid,jobid,userid,appdate)values($comid,$jobid,$userid,$appdate)"
;
query($sql);
echo"
}else{
wrong"
break;
default:
2、动态表格、动态表单
script>
varjobline=1;
jobline"
1"
tablewidth="
462"
border="
0"
cellspacing="
3"
cellpadding="
tr>
tdwidth="
88"
class="
td1"
开始日期<
/td>
结束日期<
117"
单位名称<
115"
岗位名称<
/tr>
tbodyid="
job"
trid="
jobline1"
td>
jid1"
text"
brq1"
>
erq1"
school1"
spe1"
/tbody>
/table>
imgsrc="
/images/member/03.jpg"
addjobline"
width="
12"
height="
17"
/images/member/04.jpg"
rmjobline"
#addjobline"
).css("
cursor"
pointer"
#rmjobline"
$("
).click(function()...{
jobline+=1;
#jobline"
).val(jobline);
varstr="
str+='
jobline'
+jobline+'
'
brq'
erq'
school'
spe'
#job"
).append(str);
});
+jobline).remove();
jobline-=1;
3、输入框"
获得焦点/点击/划过"
时全选
ID"
uid"
password"
upwd"
Password"
//获得焦点,这个效果最好,点或者按tab,都可以全选
#upwd"
).focus(function()...{this.select();
})
#uid"
//点击
).click(function()...{this.select();
//划过全选
).mouseover(function()...{this.select();
4、ajax应用----二级联动
数据库表设计csj_trade
idint(11)auto_increment
tnamevarchar(100)
tradeTypeint(11)
其中,id为主键自动索引,tname为行业名称,tradeType为一个标识,为0时,表示这条数据是大类;
不为0,而是某个数字的时候,则这个数字表示其父级的id。
(1)主页面
selectname="
bTrade"
optionvalue="
-1"
——所属行业大类——<
/option>
$res1=result("
select*fromcsj_tradewheretradeType=0"
while($rs1=mysql_fetch_array($res1)){
?
=$rs1["
]?
——<
tname"
}?
/select>
spanid="
quote"
sTrade"
-2"
——行业小类——<
/span>
...
#bTrade"
).change(function()...{
#quote"
).load("
../include/getstrade.php?
id="
+$("
).val());
(2)getstrade.php
$id=verify_id($_GET["
$res=result("
select*fromcsj_tradewheretradeType="
.$id);
$rt='
s_trade"
while($rs=mysql_fetch_array($res)){
$rt.='
.$rs["
].'
echo$rt;
5、CSS样式表动态选择
主页面
!
DOCTYPEhtmlPUBLIC"
-//W3C//DTDXHTML1.0Transitional//EN"
http:
//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
htmlxmlns="
//www.w3.org/1999/xhtml"
xml:
lang="
utf-8"
HTML>
HEAD>
TITLE>
css选择<
/TITLE>
metahttp-equiv="
Content-Type"
content="
text/html;
charset=utf-8"
linkhref="
1.css"
rel="
stylesheet"
title="
style1"
type="
text/css"
2.css"
style2"
3.css"
style3"
/HEAD>
BODY>
h1>
jQuery是一个新型的JavaScript库.<
/h1>
p>
jQuery是一个简洁快速的JavaScript库,它能让你在你的网页上简单的操作文档、处理事件、运行动画效果或者添加Ajax交互。
jQuery的设计会改变你写JavaScript代码的方式。
jQuery适合于设计师、开发者以及那些还好者,同样适合用于商业开发,可以说jQuery适合任何JavaScript应用的地方,可用于不用的应用程序。
jQuery是一个轻量级的脚本,其代码非常小巧,JavaScript包只有15K左右。
jQuery支持CSS1-CSS3,以及基本的xPath
jQuery是跨浏览器的,它支持的浏览器包括IE6.0+,FF1.5+,Safari2.0+,Opera9.0+
/p>
ul>
lirel="
styleswitch"
styles1<
/li>
styles2<
styles3<
/ul>
SCRIPTLANGUAGE="
JavaScript"
--
$('
.styleswitch'
).click(function()
switchStylestyle(this.getAttribute("
rel"
));
});
varc=readCookie('
style'
if(c)switchStylestyle(c);
functionswitchStylestyle(styleName)
$('
link[@rel*=style][@title]'
).each(function(i)
this.disabled=true;
if(this.getAttribute('
title'
)==styleName)this.disabled=false;
createCookie('
styleName,365);
functioncreateCookie(name,value,days)
if(days)
vardate=newDate();
date.setTime(date.getTime()+(days*24*60*60*1000));
varexpires="
expires="
+date.toGMTString();
elsevarexpires="
document.cookie=name+"
="
+value+expires+"
path=/"
functionreadCookie(name)
varnameEQ=name+"
varca=document.cookie.split('
for(vari=0;
i<
ca.length;
i++)
varc=ca[i];
while(c.charAt(0)=='
'
)c=c.substring(1,c.length);
if(c.indexOf(nameEQ)==0)returnc.substring(nameEQ.length,c.length);
returnnull;
functioneraseCookie(name)
createCookie(name,"
-1);
//-->
/SCRIPT>
/BODY>
/HTML>
三个css样式表
1.css
body{background:
#000;
color:
#fff}
h1{font-size:
14px;
#fff;
font-weight:
bold;
p{font-size:
12px;
2.css
#f00;
15px;
13px;
3.css
#fee;
#000}
16px;
6、jquery的选择器之变态演示。
。
可直接运行
head>
charset=gb2312"
title>
无标题文档<
/title>
//www.China-Staff-
/head>
body>
a>
1、aaa<
/a>
br/>
h1class="
a"
2、aaa<
3、<
spanname="
aa"
aaa<
4、<
liclass="
u1"
111<
liname="
u2"
222<
liid="
u3"
333<
li>
span>
444<
5、<
spansuibian="
5555555<
6、<
formmingzi="
inputvalue="
我们在一个form里"
button"
点我"
全消失"
7、<
这个有点变态<
换个写法<
8、试试这个<
spanx="
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<
9、再来,你受的了吗?
uly="
aaaaaaaaaaaaaaaaaaaaaaaaa<
10、最后一个
font>
/font>
kkk>
/kkk>
我是最后一个li<
//1
).click(
//2
.a"
2"
//3
span[@name=aa]"
//4
li"
ulli.u1"
点了第一个111"
ulli[@name=u2]"
点了第二个222"
ul#u3"
点了第三个333"
ullispan"
点了第四个444"
//5
span[@suibian=a]"
随便设置个属性也行"
//6
input[@value=点我]"
中文也行啊?
input[@value=全消失]"
form[@mingzi=form1]"
).children().hide();
//7
h1"
).contains("
这个有点变态"
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- jquery 实例