jQuery基础知识

 属性  > attr(name|pro|key,val|fn) 

设置或返回被选元素的属性值。

参数name 描述:

返回文档中所有图像的src属性值。

jQuery 代码:

$("img").attr("src");

参数properties 描述:

为所有图像设置src和alt属性。

jQuery 代码:

$("img").attr({ src: "test.jpg", alt: "Test Image" });

参数key,value 描述:

为所有图像设置src属性。

jQuery 代码:

$("img").attr("src","test.jpg");

removeAttr(name) 从每一个匹配的元素中删除一个属性

描述:

将文档中图像的src属性删除

HTML 代码:

<img src="test.jpg"/>

jQuery 代码:

$("img").removeAttr("src");

结果:

[ <img /> ]

css(name|pro|[,val|fn])

概述

访问匹配元素的样式属性。

参数name 描述:

取得第一个段落的color样式属性的值。

jQuery 代码:

$("p").css("color");

参数properties 描述:

将所有段落的字体颜色设为红色并且背景为蓝色。

jQuery 代码:

$("p").css({ "color": "#ff0011", "background": "blue" });

参数name,value 描述:

将所有段落字体设为红色

jQuery 代码:

$("p").css("color","red");

事件：

click([[data],fn])

概述

触发每一个匹配元素的click事件

示例

描述:

触发页面内所有段落的点击事件

jQuery 代码:

$("p").click();

描述:

将页面内所有段落点击后隐藏。

jQuery 代码:

$("p").click( function () { $(this).hide(); });

ready(fn)

概述

当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。

示例

描述:

在DOM加载完成时运行的代码，可以这样写：

jQuery 代码:

$(document).ready(function(){
  // 在这里写你的代码...
});

描述:

使用 $(document).ready() 的简写，同时内部的 jQuery 代码依然使用 $ 作为别名，而不管全局的 $ 为何。

jQuery 代码:

$(function($) {
  // 你可以在这里继续使用$作为别名...
});

change([[data],fn])

概述

当元素的值发生改变时，会发生 change 事件

示例

描述:

触发被选元素的 change 事件。

jQuery 代码:

$(selector).change();

描述:

给所有的文本框增加输入验证

jQuery 代码:

$("input[type='text']").change( function() {
  // 这里可以写些验证代码
});

文档处理：

append(content|fn)

概述

向每个匹配的元素内部追加内容。

示例

描述:

向所有段落中追加一些HTML标记。

HTML 代码:

<p>I would like to say: </p>

jQuery 代码:

$("p").append("<b>Hello</b>");

结果:

[ <p>I would like to say: <b>Hello</b></p> ]

示例

描述:

向所有段落中追加一些HTML标记。

HTML 代码:

<p>I would like to say: </p>

jQuery 代码:

$("p").append("<b>Hello</b>");

结果:

[ <p>I would like to say: <b>Hello</b></p> ]

appendTo(content)

把所有匹配的元素追加到另一个指定的元素元素集合中

描述:

把所有段落追加到ID值为foo的元素中。

HTML 代码:

<p>I would like to say: </p>
<div></div><div></div>

jQuery 代码:

$("p").appendTo("div");

结果:

<div><p>I would like to say: </p></div>
<div><p>I would like to say: </p></div>

将所有 $  都可以用    i  代替     i=jQuery.noConflict();（取别名）

var i = jQuery.noConflict();
i("#inputname").change(function(){
alert( i("#inputname").val());
alert("sss");
});

回车事件的写法：

 $('#inputname').bind('keypress',function(event){
          if(event.keyCode == "13")    
           {
                alert('你输入的内容为：' + $('#inputname').val());
            }
             });