学习jquery第一个课：query核心函数$()选择器.$是jquery最重要的选择器，本节讲核心函数也就是$,下面讲一下jquery中$的详细内容:

$()选择器，顾名思义，就是要选出页面文档中的对象。要对$()充分了解，肯定要举例，下面列了一个html文件代码作为例子。

Code:

jquery第一课,jquery核心函数$选择符

form1

form2

1.$("选择表达式(条件)","匹配条件").选择表达式(条件)是必须的,匹配条件是可选的。

举例说明(将下面的代码放到javascript代码区):

$("p"); 表示:选出所有的p，结果:"

网站制作学习网

,

jquery第一课,jquery核心函数$选择符

,

form1

,

form2

"四个匹配

$("div > p");表示:选出所有div下的p。结果:"

网站制作学习网

".">"是条件符，在以后会有一节专门讲条件符

$("p",$("form")[0]);表示：选出form1下的p，结果:

form1

2.$("html代码","所在文档")。意思是创建html内容对象，html代码是必须的，后面的所在文档是可选的，如果没有则表示当前文档，这里的可选所在文档不是很理解

举例：

$("

这是个新的段落

").appendTo($("body"));这是创建一个新段落"

这是个新的段落

"放到body的最后。

$("

这是个新的段落

",document).appendTo($("body"));跟上面的效果一样的。

特殊说明:创建一个 元素必须同时设定 type 属性。因为微软规定 元素的 type 只能写一次,

$("").attr("type", "text");//这样在IE下无效

$("");这样在IE下有效

3.$("对象","属性,事件或者方法");根据提供的原始 HTML 标记字符串，动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、事件等。

举例:

$("",{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开发中非常重要，也经常使用。

更多信息请查看IT技术专栏