1、 $('').hide() // 隐藏
2、 $('').show()//显示
3、 text() :取得所有匹配元素的内容
例子:$('li').click(function(){
$('.userid').val($(this).text());
$('.listbox').hide();
});
4、
$("td").hover(
function () {
$(this).addClass("hover");
},
function () {
$(this).removeClass("hover");
}
);
5、返回值:jQueryload(url, [data], [callback])
<script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".list").click(function(){ $("#message").load("nameinfo.html ");
/*
$("#message").load("nameinfo.html li "); --显示nameinfo.html页面所有的<li>元素
$("#message").load("nameinfo.html #mes"); -- 显示id=mes的元素
*/ return false; }); }); </script> </head>
<body> <p> We are going to organize the conference on IT on 2nd Feb 2010</p> <a href="abc.com" class="list"> Participants</a> <div id="message" > </div>
6.
find(expr) 搜索所有与指定表达式匹配的元素,这个函数式找出正在处理的元素的后代元素的好方法。
$("p").find("span") 从所有的段落开始,进一步搜索下面的span元素,与$("p span")相同
7、children()获取子节点
8、:first
$("tr:first") 查找到表格的第一行
9、获取一个元素的html代码:
$("span").html();
10、改变节点的内容:
1)text(text) --ex: $('h2').text('Javascript Libraries! ')
2)html(html)
11、快速创建dom节点
1) append (content)
ex:
HTML 代码:
<p>I would like to say: </p>
jQuery 代码:
$("p").append("<b>Hello</b>");
结果:
[ <p>I would like to say: <b>Hello</b></p> ]
2)apnedTo(content)
实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。
例子:
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>