1.addClass()removeClass()添加与删除指定的类名
2.append(content)添加内容到对象
3.appendTo(string expr)添加到被加对象中去
4.attr(string name)取得第一个匹配元素的属性值
5.attr(string key,object value)为所有匹配的元素设置一个属性值
6.before(content)在每个匹配的元素之前插入内容。
7.eq(int)取消数组中的某一个元素.
8.focus()获取焦点
9.blur()失去焦点
10.each()以每一个匹配的元素作为上下文来执行一个函数
12.find(string expr)搜索所有与指定表达式匹配的元素
<(Number数字值num取得第num个位置上的元素)
14.hide()隐藏显示的元素。
15.show()显示隐藏的匹配元素
16.size()当前匹配的元素数量。
17.select()触发每一个匹配元素的select事件。这个函数会调用执行绑定到select事件的所有函数。
18.unload()在每一个匹配元素的unload事件中绑定一个处理函数
19.width()取得第一个匹配元素当前计算的宽度值(px)。
20.val()获得第一个匹配元素的当前值。
21.val(String)设置每一个匹配元素的值
<()取得所有匹配元素的内容
<(String)设置所有匹配元素的文本内容。
27.string$.trim(string str)删除字符串两端的空白字符。
28.submit()触发每一个匹配元素的submit事件。
29.submit(FunctionJavascript函数)每一个匹配元素的submit事件中绑定一个处理函数。
JavaScript和jQuery的DOM操作
1,创建元素节点
传统的javascript方法,创建元素节点
var ateElement("p");
jQuery中创建节点的方法是:
$('<p></p>');
和createElement()一样,创建出来的新元素节点不会被自动添加到文档里。
如果想把它添加到文档里,可以使用jQuery中的append()或者insertAfter()方法或者before()等方法。
比如:
var a=$('<p></p>');
$('body').append(a);//添加到body元素的最后.
2,创建文本节点:
传统的javascript方法,创建文本节点
var ateTextNode("my demo");
通常创建文本节点和创建元素节点配合使用.
比如:
var ateTextNode("hello world");
var ateElement("p");
container.appendChild(mes);
document.body.appendChild(container);
而在jQuery中创建节点就不必那么麻烦了:
$('<p>hello world</p>');
和createElement()一样,创建出来的新元素节点不会被自动添加到文档里。
jquery在线库
如果想把它添加到文档里,可以使用jQuery中的append()或者insertAfter()方法或者before()等方法。
比如:
var a=$('<p>hello world</p>');
$('body').append(a);//添加到body元素的最后.
3,复制节点
传统的javascript方法,复制节点:
比如:
var ateTextNode("hello world");
var ateElement("p");
container.appendChild(mes);
document.body.appendChild(container);
var newpara=container.cloneNode(true);//true和false的区别
document.body.appendChild(newpara);
注意:
true:是<p>aaaa</p>克隆。
false:只克隆<p></p>,里面的文本不克隆。
可以用firebug看看。
在jQuery中复制节点:
var a=$('<p>hello world</p>');
$('body').append(a);
var clone_a=a.clone();
$('body').append(clone_a);
和createElement()一样,复制出来的新元素节点不会被自动添加到文档里。
如果想把它添加到文档里,可以使用jQuery中的append()或者insertAfter()方法或者before()等方法。
另外还有一个注意:如果克隆后,id一样,不要忘记用.attr("id","new_id")来改变新的节点的ID。
4,插入节点
传统的javascript方法,插入节点:
比如:
appendChild():
给元素追加一个子节点,新的节点插入到最后。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论