学习jquery之一

<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>

赞 (0)

相关推荐

  • 轻松学习jQuery插件EasyUI EasyUI创建树形网络（1）

    轻松学习jQuery插件EasyUI EasyUI创建树形网络（1）

    一.EasyUI创建基础树形网格 树形网格(TreeGrid)组件从数据网格(DataGrid)继承,但是允许在行之间存在父/子节点关系.许多属性继承至数据网格(DataGrid),可以用在树形网格(TreeGrid)中.为了使用树形网格(TreeGrid),用户必须定义 'treeField' 属性,指明哪个字段作为树节点. 本文将向您展示如何使用树形网格(TreeGrid)组件设置一个文件夹浏览. 创建树形网格(TreeGrid) <table id="test" title

  • 深入学习jQuery Validate表单验证

    深入学习jQuery Validate表单验证

    本文实例介绍了jQuery Validate表单验证,主要是利用jquery.metadata.js将校验规则直接写在class属性里面并定义错误信息的提示,分享给大家供大家参考,具体内容如下 1.添加一个另外一个插件jquery.metadata.js 并把校验规则写在控件里面. 2.需要改写触发校验的方式. $("#commentForm").validate({meta: "validate"}); 3.详细代码如下: <html> <hea

  • 学习jquery之一

    <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">&l

  • 查看源码的工具 学习jQuery源码不错的工具

    查看源码的工具 学习jQuery源码不错的工具

    使用jQuery还可以让我们从各大浏览器不兼容的噩梦中解脱出来,最新版的jQuery还增强的对HTML5的支持,使得我们更加应该使用它.但是jQuery的源码很长,有些地方的实现还很巧妙,使得我们仅仅会javascript也未必能很好的理解每个函数是怎么运行的.下面就让我分享我学习jQuery源码的时候使用的几个工具和应该了解的问题. 这个jquery源代码查看器,还不是很强大,只是能够简单的查看函数引用,但是不能返回. 我上这个网上下载下来了,准备改进一下,你们可以先下载来用一用,有什么意见和

  • 轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作（2）

    轻松学习jQuery插件EasyUI EasyUI实现树形网络基本操作（2）

    一.EasyUI树形网格动态加载 动态加载树形网格有助于从服务器上加载部分的行数据,避免加载大型数据的长时间等待.本教程将向您展示如何创建带有动态加载特性的树形网格(TreeGrid). 创建树形网格(TreeGrid) <table title="Products" class="easyui-treegrid" style="width:700px;height:300px" url="treegrid3_getdata.ph

  • 从零开始学习jQuery (一) 开天辟地入门篇

    从零开始学习jQuery (一) 开天辟地入门篇

    一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章是入门第一篇, 主要是简单介绍jQuery, 通过简单示例指导大家如何编写jQuery代码以及搭建开发环境. 详细讲解了如何在Visual Studio中配合使用jQuery. 转载请注明子秋出品!博客园首发! 二.前言 首先道个歉! "从零开始学习ASP.NET MVC"系列文章在即将介绍Filter时就没有更新了, 原因就是

  • 从零开始学习jQuery (八) 插播:jQuery实施方案

    从零开始学习jQuery (八) 插播:jQuery实施方案

    一.摘要 本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案,  即使你会使用jQuery也能在阅读中发现些许秘籍. 本篇文章属于临时插播,  用于介绍我在本公司的jQuery实施方案. 二.前言 有了前几章扎实的基础知识我们已经可以在项目中投入使用jQuery了.再继续深入学习jQuery前插播一下我的jQuery实施方案. 每个公司的情况都不同.比如我们公司的页面文件都为用户控件, 物理路径和虚拟路径没有绝对的关系, 所以无法使用相对路径(否则生产环境中会找

  • 那些年，我还在学习jquery 学习笔记

    原来Jquery就是一个javascript写的一个库,它给我们提供了很多常用的方法,使用这些方法可以兼容多种浏览器,使用它可以达到很好的动画效果,下面就来看看那些年的学习笔记吧一.$符号 1.选择器 可以选择html标签,也可选择ID,Class等 如下: 复制代码 代码如下: <script type="text/javascript"> $( function() { $("table.datalist tr:nth-child(odd)").ad

  • 从零开始学习jQuery (五) jquery事件与事件对象

    从零开始学习jQuery (五) jquery事件与事件对象

    一.摘要 事件是脚本编程的灵魂. 所以本章内容也是jQuery学习的重点. 本文将对jQuery中的事件处理以及事件对象进行详细的讲解. 二.前言 本篇文章是至今为止本系列内容最多的一篇, 足以可见其重要性.  大家反映要多列举示例. 我会在时间允许的情况下尽量多列举示例. 真正的投入生产使用的实例暂时还无法加入到文章中, 但是可能最后我会列举一些作品供大家借鉴. 另外本人水平有限, 因为我不是UI设计师. 文章可能有错误的地方, 希望大家帮忙指出, 一起学习一起进步. 在技术的世界里我们是没有

  • 从零开始学习jQuery (二) 万能的选择器

    从零开始学习jQuery (二) 万能的选择器

    一.摘要 本章讲解jQuery最重要的选择器部分的知识. 有了jQuery的选择器我们几乎可以获取页面上任意的一个或一组对象, 可以明显减轻开发人员的工作量. 二.前言 编写任何javascript程序我们要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如"拥有title属性并且值中包含test的<a>元素", 完成这些工作只需要编写一个jQuery选择器字符串. 学习jQuery选择器是学习jQuery最重要的一步.

随机推荐