zoukankan      html  css  js  c++  java
  • Jquery一些常用的方法

    整理以前的笔记,在学习JavaScript时候,经常会用到一些方法,但是有时忘掉了具体用法,因此记下。方便以后查阅。
    这篇博文先说明这些方法的用途:
    removeClass()、remove()、css() 、prop() 、html()、appendTo() 、clone() 、parent() 、children()、nth-child(n)、even、odd 。

    .addClass() 增加样式

    例如: $(“button”).addClass(“animated bounce”); /按钮做弹回效果 /

    .removeClass() 移除样式

    例如: $(“button”).removeClass(“btn-default”); /移除样式 /

    .remove() 移除元素

    例如:$("#target4").remove();   //移除按钮四所有的元素
    

    .css() 改变css样式

    例如: $("#target1").css("color", "red"); //按钮一改成了红色
    

    .prop() 调整元素属性

    例如:$("#target1").prop("disabled",true); //按钮一不可选
    

    .html() 可以添加HTML标签和文字并替换掉之前的内容
    例如:$(“#target4”).html(“#TarGet4“); //替换并增强文本

    .appendTo() 可以将选中的元素移到其他元素中

    例如: $("#target2").appendTo("#right-well");  //将按钮二移动到右边
    

    .clone() 拷贝元素

    例如:$("#target5").clone().appendTo("#left-well");  //将按钮五拷贝到左边
    

    .parent() 访问父元素(上一级元素)

    例如:$("#target1").parent().css("background-color","red");//按钮一上一级的 背景颜色为红色
    

    .children() 子元素(下一级元素)

    例如: $("#right-well").children().css("color","orange"); //右边一下的元素都改成了橙色
    

    .nth-child(n) 通过CSS选择器索引顺序选择目标元素的子元素

    例如:$(".target:nth-child(2)").addClass("animated bounce"); //class 属性包含target 是添加元素
    

    .even 偶数选择

    例如: $(".target:even").addClass("animated shake");  //获取class为target且索引为偶数的所有元素
    

    .odd 奇数选择

    例如:$(".target:odd").addClass("animated bounce");
    
  • 相关阅读:
    【NOI2008】志愿者招募
    【2010国家集训队】人员雇佣
    html5手机移动端三级联动城市选择器
    WebSocket实现简单的在线聊天
    游戏开发完整学习路线(各个版本都有)
    vs下开发windows服务程序
    解决Firefox下,页面元素不刷新问题
    C# JObject和JArray 的分享
    jQuery如何改变css伪元素样式
    safari 浏览器window.history.go(-1)运行无效解决办法
  • 原文地址:https://www.cnblogs.com/xuwujing/p/7536706.html
Copyright © 2011-2022 走看看