星期五, 4月 4th, 2008 147 次访问
本记：从21-->28点
21 prepend(content) 添加到element里面的前部．与append的方位不一样
<p>I would like to say: </p>
$("p").prepend("<b>Hello</b>")==><p><b>Hello</b>I would like to say: </p>;
22 prependTo(content) 与prepend的添加对像相反．
<p>I would like to say: </p><div id="foo"><b>Hello</b></div>
$("p").prependTo("#foo") ==>
<div id="foo"><p>I would like to say: </p><b>Hello</b></div>;
23 clone(deep) 克隆一个新的element．参数deep为flase里不包括子element
<b>Hello</b><p>, how are you?</p>
$("b").clone().prependTo("p")==><b>Hello</b><p><b>Hello</b>, how are you?</p>
24.empty() 删除所有的内部节点
<p>Hello, <span>Person</span> <a href="#">and person</a></p>
$("p").empty()==>[ <p></p> ]
Posted in jQuery, 技术 | No Comments »
星期四, 4月 3rd, 2008 115 次访问
本记： 13----20点
13 removeAttr(name) 删除属性
eg: <input disabled="disabled"/>
$("input").removeAttr("disabled")=><input/>
14 removeClass(class) 删除样式，当class是空时删除所有的样式，如果class为指定样式则删 指定样式
eg: <p class="highlight selected first">Hello</p>
$("p").removeClass("selected highlight")=>[ <p class="first">Hello</p> ]
$("p").removeClass() =>[ <p>Hello</p> ]
15. text() 取得element中的内容text(val) 设置element内容text与html差不多，只是text会把<,>用html标识符替换
eg: <p><b>Test</b> Paragraph.</p><p>Paraparagraph</p>
$("p").text() =>Test Paragraph.Paraparagraph;
<p>Test Paragraph.</p>
$("p").text("<b>Some</b> new text.");==>
<p><b>Some</b> new text.</p>
$("p").text("<b>Some</b> new text.", true) ==>
<p>Some new text.</p>
Posted in jQuery, 技术 | No Comments »
星期三, 4月 2nd, 2008 107 次访问
本记: 7-----12点
７．index(subject) : 查找相应节点的位置，从０开始计数.如果没找到返回-1
eg: <div id="foobar"><b></b><span id="foo"></span></div>
$("*").index( $('#foobar')[0] ) =>0
$("*").index( $('#foo')[0] ) => 2
$("*").index( $('#bar')[0] )=> -1
8. length 返回节点的个数
eg:<img src="test1.jpg"/> <img src="test2.jpg"/>
$("img").length => 2
同样的方法还有size()
$("img").size() => 2;
9. lt(pos) 删除一个节点
eg:<p>This is just a test.</p><p>So is this</p>
$("p").lt(1) ==>[ <p>This is just a test.</p> ]
10. addClass 给一个element添加class可以添加多个
eg: <p>Hello</p>
$("p").addClass("selected")=>[ <p class="selected">Hello</p> ]
$("p").addClass("selected highlight")=>
[ <p class="selected ...
Posted in jQuery, 技术 | No Comments »
星期二, 4月 1st, 2008 297 次访问
前言:
朋友推荐用jQuery做js开发库.学习后发现果然不错不敢独享，现把学习笔记贡上
本笔记翻译自：可视JQuery
1.$()的用法
1.1 $(html) ＝>根据ＨＴＭＬ参数动态建立一个jquery对像
例子：$("<div>hello</div>").appendTo("#body"),动态的创建一个div element插入到ID为body的element中去
1.2 $(element) =>把节点对像转化成一个jquery对像
例子:$(document.body).background( "black" );
1.3 $(function) =>是$(doucment).ready()的快捷键．当页面加载结束后才会执行function．$(function)可以调用多次，相当于绑定多个$(function)
eg: $(function(){
//document is ready
})
1.4 $(expr,context)=>在一定的范围（context）内根据搜索条件(expr)搜索出jQuery对像
eg: 1. $('span>p') :找出所有span中的p结点．
2.$('input:radio',document.forms[0])搜索出第一个表单中的radio
2. $.extend(prop)向jquery命名空间中添加方法,用此方法可以方便的对jquery进行扩展
$.extend({
min: function(a, b) { return a < b ? a : b; },
max: function(a, b) { return a > b ? a : b; }
});
alert($.min(3,6)); //显示3
alert($.max(3,6));//显示6
3. $.noConflict() 取消$代替jQuery.
例如:
jQuery.noConflict(); // Do something ...
Posted in jQuery, 技术 | 8 Comments »