jquery核心函数
2016-06-24来源:易贤网

学习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开发中非常重要,也经常使用。

2026公务员·事业单位培训课程试听报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息