JQuery 备忘
2013-11-27 09:25
281 查看
=======================================================
DOM 操作
=======================================================
$("ul").append("<li title='属性节点'>文本节点</li>");
$("<li title='属性节点'>文本节点</li>").appendTo("ul");
prepend();
prependTo();
$("ul").after("<br/>");
$("<br/>").insertAfter("ul");
before();
insertBefore();
var $li = $("ul li:eq(1)").remove();
$li.appendTo("ul");
$("ul li:eq(1)").appendTo("ul");
$("ul li:eq(1)").empty();
$("ul li:eq(1)").clone().appendTo("ul");
$("ul li:eq(1)").clone(true).appendTo("ul");
$("p").replaceWith("<strong>粗体</strong>");
$("<strong>粗体</strong>").replaceAll("p");
$("strong").wrap("<b></b>");
$("strong").wrapAll("<b></b>");
$("strong").wrapInner("<b></b>");
-----------------------------------------------------
$("p").attr("title");
$("p").attr("title", "属性值");
$("p").attr( { "属性名1" : "属性值1", "属性名2" : "属性值2" } );
html();
text();
val();
val( [ "多选项1的名称或值", "多选项2的名称或值" ] );
$("p").removeAttr("title");
-----------------------------------------------------
$("p").attr("class", "high");
$("p").addClass("another");
$("p").removeClass("another");
$("p").removeClass("high another");
$("p").removeClass();
$("p").toggleClass("another");
$("p").hasClass("another");
$("p").is(".another");
-----------------------------------------------------
var $childs = $("ul").children();
$childs.length;
$childs[0].html("第一个");
parent();
parents();
var $next = $("ul").next();
nextAll();
prev();
prevAll();
siblings();
closest();
find();
filter();
-----------------------------------------------------
$("p").css("color");
$("p").css("opacity", "0.5");
$("p").css( { font-Size : 30, background-color : "#888888" } );
$("p").css( { "fontSize" : "30px", "backgroundColor" : "#888888" } );
height();
width();
var offset = $("p").offset();
var left = offset.left;
var top = offset.top;
var position = $("p").position();
var left = position.left;
var top = position.top;
scrollLeft();
scrollLeft(300);
scrollTop();
scrollTop(300);
-----------------------------------------------------
DOM 操作
=======================================================
$("ul").append("<li title='属性节点'>文本节点</li>");
$("<li title='属性节点'>文本节点</li>").appendTo("ul");
prepend();
prependTo();
$("ul").after("<br/>");
$("<br/>").insertAfter("ul");
before();
insertBefore();
var $li = $("ul li:eq(1)").remove();
$li.appendTo("ul");
$("ul li:eq(1)").appendTo("ul");
$("ul li:eq(1)").empty();
$("ul li:eq(1)").clone().appendTo("ul");
$("ul li:eq(1)").clone(true).appendTo("ul");
$("p").replaceWith("<strong>粗体</strong>");
$("<strong>粗体</strong>").replaceAll("p");
$("strong").wrap("<b></b>");
$("strong").wrapAll("<b></b>");
$("strong").wrapInner("<b></b>");
-----------------------------------------------------
$("p").attr("title");
$("p").attr("title", "属性值");
$("p").attr( { "属性名1" : "属性值1", "属性名2" : "属性值2" } );
html();
text();
val();
val( [ "多选项1的名称或值", "多选项2的名称或值" ] );
$("p").removeAttr("title");
-----------------------------------------------------
$("p").attr("class", "high");
$("p").addClass("another");
$("p").removeClass("another");
$("p").removeClass("high another");
$("p").removeClass();
$("p").toggleClass("another");
$("p").hasClass("another");
$("p").is(".another");
-----------------------------------------------------
var $childs = $("ul").children();
$childs.length;
$childs[0].html("第一个");
parent();
parents();
var $next = $("ul").next();
nextAll();
prev();
prevAll();
siblings();
closest();
find();
filter();
-----------------------------------------------------
$("p").css("color");
$("p").css("opacity", "0.5");
$("p").css( { font-Size : 30, background-color : "#888888" } );
$("p").css( { "fontSize" : "30px", "backgroundColor" : "#888888" } );
height();
width();
var offset = $("p").offset();
var left = offset.left;
var top = offset.top;
var position = $("p").position();
var left = position.left;
var top = position.top;
scrollLeft();
scrollLeft(300);
scrollTop();
scrollTop(300);
-----------------------------------------------------
相关文章推荐
- jQuery&HTML5 UI框架Ignite UI 13.2新功能大揭秘(三)
- 在jquery中,让ajax执行完后再往下执行
- 解密jQuery事件核心 - 绑定设计(一)
- 移动开发必备!15款jQuery Mobile插件
- 开发日志:使用jquery读取id含./"等特殊符号的对象
- jQuery EasyUI DataGrid Checkbox 数据设定与取值
- jquery .fn
- jQuery.parseJSON(json)
- jQuery实现可收缩展开的级联菜单实例代码
- 一个js导致的jquery失效问题的解决方法
- jquery checkbox实现单选小例
- 1.4.2: jQuery对象和DOM对象的相互转换
- 1.4.1:jQuery对象和DOM对象
- Jquery重新学习之二[属性attr(),removeAttr(),prop(),removeProp()]
- JQuery的插件式开发
- jQuery对象转换为DOM对象
- jQuery对象转换为DOM对象
- 1.3.2:jQuery代码的链式操作风格
- 8个应该去逛逛JQuery的学习网站
- 【asp.net小札记】jquery+ajax绑定数据库显示table