学习jquery之一


Posted in Javascript onApril 27, 2007

<script src=/jslib/jquery/jquery-latest.pack.js></script> 
<p height=100>1学习jquery</p>
<span>val()可以取值;val(s)可以赋值</span><br/>
<div><input type="text" id="mm" value="mm"><button  id=get>取值</button>
<button  id=put>赋值</button>
</div>
<button id=an>展开</button>
<div id=test > </div><br>

<span></span><br/>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(document).ready(function(){
$("#get").click(function(){
$("#test").html("我是input的值:"+$("#mm").val())
})
$("#put").click(function(){
$("#mm").val("val()真好用")
})

$("#an").click(function(){
var a=$("#an").val()=="展开"?"缩进":"展开"
//$("#an").val(a)
if(a=="展开"){ 
 $("#test").slideUp("slow",function(){$("#an").val(a)});
//$("#test").fadeOut("fast",1000);
// $("#test").fadeIn("fast",500)
}
else{
$("#test").slideDown("slow",function(){$("#an").val(a)});

//$("#test").fadeOut("fast",1000);
//$("#test").fadeOut("slow",500)
}
})
$("span").css({background:'black',color:"red"})
//is叛断
$("button[@id='get']").parent().is("div")
$("#test").html("css();animate()")
$("div#test").css({ left: 10,height:200,width:200,background:"black",color:"white"});
$("div#test").animate({ left: 500, opacity: 'show' }, 500);

});

function aiqi(){
$("#mm").val("asdasd")
$("p").css("color","red")
$("div#test").background("gray")
$("div#test").css("color","yellow");
$("div#test").css({width:"200",height:200})
$("div#test").html($.browser.msie)
//$("#mm").click(function{alert()});
$("#test").fadeOut("fast",1000);
$("p").fadeTo("slow", 0.5);
$("#test").fadeIn("slow",0.5,function(){ alert("Animation Done."); });
$.each( [0,1,2], function(i){ alert( "Item #" + i + ": " + this ); });
$("p").slideDown("slow",function(){ alert("Animation Done."); });
}

//aiqi();
//$("p").mousedown();//$("img").oneload( function() { alert("Hello"); } );

//$.getScript("test.js",function(){
//alert(obj.name)})
//$.getJSON("test.js", function(obj){ alert(obj.name);})
//-->
</SCRIPT>

Javascript 相关文章推荐
jQuery中live方法的重复绑定说明
Oct 21 Javascript
Node.js的npm包管理器基础使用教程
May 26 Javascript
AngularJS基础 ng-include 指令示例讲解
Aug 01 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
Javascript使用uploadify来实现多文件上传
Nov 16 Javascript
基于Vue 服务端Cookies删除的问题
Sep 21 Javascript
简单的React SSR服务器渲染实现
Dec 11 Javascript
jQuery实现根据身份证号获取生日、年龄、性别等信息的方法
Jan 09 jQuery
vue实现页面滚动到底部刷新
Aug 16 Javascript
JS实现横向跑马灯效果代码
Apr 20 Javascript
vue.js实现简单购物车功能
May 30 Javascript
Vue 实现对quill-editor组件中的工具栏添加title
Aug 03 Javascript
JavaScript与函数式编程解释
Apr 27 #Javascript
漂亮的widgets,支持换肤和后期开发新皮肤(2007-4-27已更新1.7alpha)
Apr 27 #Javascript
从sohu弄下来的flash中展示图片的代码
Apr 27 #Javascript
pjblog中的UBBCode.js
Apr 25 #Javascript
用javascript实现的仿Flash广告图片轮换效果
Apr 24 #Javascript
疯掉了,尽然有js写的操作系统
Apr 23 #Javascript
刷新时清空文本框内容的js代码
Apr 23 #Javascript
You might like
php在线打包程序源码
2008/07/27 PHP
PHP企业级应用之常见缓存技术篇
2011/01/27 PHP
使用PHP实现密保卡功能实现代码&amp;lt;打包下载直接运行&amp;gt;
2011/10/09 PHP
php实现遍历目录并删除指定文件中指定内容
2015/01/21 PHP
php中smarty变量修饰用法实例分析
2015/06/11 PHP
使用xampp搭建运行php虚拟主机的详细步骤
2015/10/21 PHP
Yii2.0中的COOKIE和SESSION用法
2016/08/12 PHP
PHP实现导出excel数据的类库用法示例
2016/10/15 PHP
PHP实现的方程求解示例分析
2016/11/11 PHP
javascript 子窗体父窗体相互传值方法
2010/05/31 Javascript
JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
2013/12/17 Javascript
JS截取url中问号后面参数的值信息
2014/04/29 Javascript
JavaScript子窗口调用父窗口变量和函数的方法
2015/10/09 Javascript
AngularJS中的过滤器filter用法完全解析
2016/04/22 Javascript
前端微信支付js代码
2016/07/25 Javascript
js中遍历对象的属性和值的方法
2016/07/27 Javascript
vue 指令之气泡提示效果的实现代码
2018/10/18 Javascript
vue-router传递参数的几种方式实例详解
2018/11/13 Javascript
JavaScript函数柯里化实现原理及过程
2020/12/02 Javascript
[10:39]DOTA2上海特级锦标赛音乐会纪录片
2016/03/21 DOTA
[00:32]2016完美“圣”典风云人物:Maybe宣传片
2016/12/05 DOTA
[55:03]LGD vs EG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
[01:33:25]DOTA2-DPC中国联赛 正赛 Elephant vs IG BO3 第一场 1月24日
2021/03/11 DOTA
python 重命名轴索引的方法
2018/11/10 Python
Python 3.3实现计算两个日期间隔秒数/天数的方法示例
2019/01/07 Python
Django框架实现分页显示内容的方法详解
2019/05/10 Python
Python数据分析模块pandas用法详解
2019/09/04 Python
python脚本监控logstash进程并邮件告警实例
2020/04/28 Python
LN-CC美国:伦敦时尚生活的缩影
2019/02/19 全球购物
档案接收函范文
2014/01/10 职场文书
小学安全汇报材料
2014/08/14 职场文书
群众路线四风对照检查材料
2014/11/04 职场文书
2015羊年春节慰问信
2015/02/14 职场文书
广告公司文案策划岗位职责
2015/04/14 职场文书
公务员处分决定书
2015/06/25 职场文书
特种设备安全管理制度
2015/08/06 职场文书