网站首页  汉语字词  英语词汇  考试资料  写作素材  旧版资料

请输入您要查询的范文:

 

标题 jquery核心函数
范文
    学习jquery第一个课:query核心函数$()选择器.$是jquery最重要的选择器,本节讲核心函数也就是$,下面讲一下jquery中$的详细内容:
    $()选择器,顾名思义,就是要选出页面文档中的对象。要对$()充分了解,肯定要举例,下面列了一个html文件代码作为例子。
    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title></title>
    <script language="javascript" src="jquery-1.4.2.min.js"></script><!--引入jquery框架,目前jquery-1.4.2.min.js是最高版本-->
    <script language="javascript"><!--javascript代码区--></script>
    </head>
    <body>
    <div id="foraspcn"><p>网站制作学习网</p></div>
    <p>jquery第一课,jquery核心函数$选择符</p>
    <form action="" method="get" name="form1">
    <p>form1</p>
    </form>
    <form action="" method="get" name="form2">
    <p>form2</p>
    </form>
    </body>
    <html>
    1.$("选择表达式(条件)","匹配条件").选择表达式(条件)是必须的,匹配条件是可选的。
    举例说明(将下面的代码放到javascript代码区):
    $("p"); 表示:选出所有的p,结果:"<p>网站制作学习网</p>,<p>jquery第一课,jquery核心函数$选择符</p>,<p>form1</p>,<p>form2</p>"四个匹配
    $("div > p");表示:选出所有div下的p。结果:"<p>网站制作学习网</p>".">"是条件符,在以后会有一节专门讲条件符
    $("p",$("form")[0]);表示:选出form1下的p,结果:<p>form1</p>
    2.$("html代码","所在文档")。意思是创建html内容对象,html代码是必须的,后面的所在文档是可选的,如果没有则表示当前文档,这里的可选所在文档不是很理解
    举例:
    $("<p>这是个新的段落</p>").appendTo($("body"));这是创建一个新段落"<p>这是个新的段落</p>"放到body的最后。
    $("<p>这是个新的段落</p>",document).appendTo($("body"));跟上面的效果一样的。
    特殊说明:创建一个 <input> 元素必须同时设定 type 属性。因为微软规定 <input> 元素的 type 只能写一次,
    $("<input>").attr("type", "text");//这样在IE下无效
    $("<input type=\"text\">");这样在IE下有效
    3.$("对象","属性,事件或者方法");根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、事件等。
    举例:
    $("<input>",{type:"button",value:"点击",click:function(){$("form")[0].submit();}}).appendTo($("form")[0]);表示在form1下添加一个为"点击"的按钮,点击后form1提交。
    4.$("参数");参数可以为元素对象,也可以为数组。
    举例:
    $(document.body).css( "background", "black" );将页面背景设置为黑色。
    $($("p")).hiden();将所有p元素对象全部隐藏
    5.$(函数);这个是$(document).ready()的缩写形式,表示当页面完全打开ac时运行函数
    举例
    $(function(){alert('开始运行程序!');}); 当页面加载成功,则弹出开始运行程序。
    以上就是jquery的核心函数$(),在jquery开发中非常重要,也经常使用。
随便看

 

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板,是学习及工作的有利工具。

 

Copyright © 2002-2024 cuapp.net All Rights Reserved
更新时间:2025/5/20 8:45:02