学习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 相关文章推荐
利用腾讯的ip地址库做ip物理地址定位
Jul 24 Javascript
jQuery点缩略图弹出层显示大图片
Feb 13 Javascript
Jquery代码实现图片轮播效果(一)
Aug 12 Javascript
JS实现横向拉伸动感伸缩菜单效果代码
Sep 04 Javascript
详解Vue使用 vue-cli 搭建项目
Apr 20 Javascript
JavaScript实现打地鼠小游戏
Apr 23 Javascript
清空元素html(&quot;&quot;) innerHTML=&quot;&quot; 与 empty()的区别和应用(推荐)
Aug 14 Javascript
探究react-native 源码的图片缓存问题
Aug 24 Javascript
Vue+element-ui 实现表格的分页功能示例
Aug 18 Javascript
webpack 静态资源集中输出的方法示例
Nov 09 Javascript
javascript数组去重方法总结(推荐)
Mar 20 Javascript
jquery插件实现搜索历史
Apr 24 jQuery
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
Laravel + Elasticsearch 实现中文搜索的方法
2020/02/02 PHP
使用Jquery来实现可以输入值的下拉选单 雏型
2011/12/06 Javascript
jquery处理json对象
2014/11/03 Javascript
jQuery移动web开发之页面跳转和加载外部页面的实现
2015/12/04 Javascript
el表达式 写入bootstrap表格数据页面的实例代码
2017/01/11 Javascript
解析Vue 2.5的Diff算法
2017/11/28 Javascript
Vue头像处理方案小结
2018/07/26 Javascript
浅谈vue在html中出现{{}}的原因及解决方式
2020/11/16 Javascript
python读取html中指定元素生成excle文件示例
2014/04/03 Python
解决pandas .to_excel不覆盖已有sheet的问题
2018/12/10 Python
Python解析、提取url关键字的实例详解
2018/12/17 Python
Numpy数组array和矩阵matrix转换方法
2019/08/05 Python
Python TCPServer 多线程多客户端通信的实现
2019/12/31 Python
pytorch三层全连接层实现手写字母识别方式
2020/01/14 Python
解决pyinstaller 打包exe文件太大,用pipenv 缩小exe的问题
2020/07/13 Python
Python实现手绘图效果实例分享
2020/07/22 Python
Python虚拟环境的创建和使用详解
2020/09/07 Python
Python之多进程与多线程的使用
2021/02/23 Python
英国办公用品商店:Office Outlet
2018/04/04 全球购物
不用游标的SQL语句有哪些
2012/09/07 面试题
描述JSP和Servlet的区别、共同点、各自应用的范围
2012/10/02 面试题
力学专业毕业生自荐信
2013/11/17 职场文书
监理资料员岗位职责
2014/01/03 职场文书
小学生打架检讨书
2014/01/26 职场文书
《孔子拜师》教学反思
2014/02/24 职场文书
幼儿园中班教师寄语
2014/04/03 职场文书
机械专业毕业生自我鉴定2014
2014/10/04 职场文书
职工年度考核评语
2014/12/31 职场文书
2015年英语教学工作总结
2015/05/25 职场文书
2015年员工试用期工作总结
2015/05/28 职场文书
亮剑观后感
2015/06/05 职场文书
家长会后的感想
2015/08/11 职场文书
教师年度考核自我评鉴
2015/08/11 职场文书
2015秋季田径运动会广播稿
2015/08/19 职场文书
Python基础之元编程知识总结
2021/05/23 Python
教你用Java在个人电脑上实现微信扫码支付
2021/06/13 Java/Android