码迷,mamicode.com
首页 > 其他好文 > 详细

jq方法

时间:2015-05-25 21:48:44      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:

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树。

jq方法

标签:

原文地址:http://www.cnblogs.com/theEndOfSummer/p/4528685.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!