标签:
DOM属性-获取和设置页面元素的DOM属性
.addClass()、.attr()、.prop()、.hasClass()、.html()、.removeAttr()、.removeClass()、.removeProp()、
.toggleClass()、.val()
.hasClass()返回的是true或flase
回调对象
.callbacks.add()、.callbacks.disable()、.callbacks.disabled()、.callbacks.empty()、.callbacks.fire()、
.callbacks.fireWith()、.callbacks.fired()、.callbacks.has()、.callbacks.lock()、.callbacks.locked()、
.callbacks.remove()、.jQuery.Callbacks()
核心API
.jQuery.holdReady()、.jQuery()、.jQuery.noConflict()、.jQuery.sub()、.jQuery.when()
分类:css
.addClass()、.css()、.hasClass()、.height()、.innerHeight()、.innerWidth()、.jQuery.cssHooks()、
.jQuery.cssNumber、.offset()、.outerHeight()、.outerWidth()、.position()、.removeClass()、.scrollLeft()、
.scrollLeft()、.scrollTop()、.toggleClass()、.width()
//输出div的宽,高,背景色,颜色 $("div").click(function(){ var html=["当前div所有的样式名称包括:"];//数组 var c=$(this).css(["width","height","background-color","color"]);//数组 c得到的是object //alert(c.width); $.each(c,function(prop,value){//属性名+值 html.push(prop+":"+value); }); //alert(html.length) 输出5 $("span").html(html.join("<br>")) })
$("ul").addClass(function(index,currentClass){ var add; if(currentClass==="d"){//currentClass是当前类名 add="green"; } return add+index;//index是当前索引 });
//点击单词标注背景色 var words=$("p").text().split(" "); var text=words.join("</span> <span>");//注意标签始末是相反的,这样才能包住每个单词 $("p").html("<span>" + text + "</span>"); $("span").click(function(){ $(this).css("background","yellow") })
html代码:<p>
Once upon a time there was a man
who lived in a pizza parlor. This
man just loved pizza and ate it all
the time. He went on to be the
happiest man in the world. The end.
</p>
jq遍历
-过滤
.eq()、.filter()、.first()、.has()、.is()、.last()、.map()、.not()、.slice()
-其他遍历
.add()、.addBack()、.andSelf()、.contents()、.end()、.not()
-树遍历
.children()、.closest()、.find()、.next()、.nextAll()、.nextUntil()、.offsetParent()、.parent()、
.parents()、.parentsUntil()、.prevAll()、.prevUntil()、.siblings()
closest()从自身元素开始查找,向上查找dom树。
标签:
原文地址:http://www.cnblogs.com/theEndOfSummer/p/4528685.html