• jquery使用


    jquery的使用:

    1. jquery注册事件:$("#btn").click(function (){ $(this).css(“backgroundColor”,“red”)})

    2.jquery转换dom对象:$("bthObj").get(0)或$("btnObj")[0]

    3.dom对象转jquery:$(btnObj)

    4.dom获取:document.getElementById("btn")...

    5.jquery获取:$("#btn")

    6.js设置样式:this.style.backgroundColor="red"

    7.jquery中的方法:.val()方法获取value值。.text()获取文本值。 .html()获取div中显示的元素内容。

    一般的在方法中写入内容就是给元素设置内容,什么也不写是获取内容。

    8.鼠标经过离开事件:$("#uu>li").mouseover(function (){ $(this).css("backgroundColor","red")})

                                       $("#uu>li").mouseout(function (){ $(this).css("backgroundColor","")})

    9.获取所有的子元素children:$(this).children("ul").show();

    10.索引选择器:eq(3)判断索引与3相等的。 lt(3)判断索引小于3的。 gt(3)判断索引大于3的。

    11.获取当前的索引值:var index=$(this).index

       以下一般处理tab栏切换问题一类的如下:

        判断相等的:$("#center>li:eq('+index+')").siblings("li").hide();

                             $("#center>li:eq('+index+')").show();

    12. .find()方法针对当前元素找里面的一些其他元素。

     处理下拉菜单显示隐藏问题:

           $(this).children("ul").find("li").show();

           $(this).siblings("li").find("ul").find("li").hide();

    13.  .addClass("类样式名")

          .removeClass("移除类样式名")

         hasClass()是否有类样式

        toggleClass() 切换

    14. tab键产品切换

         $(".tab>li').mouseover(function (){

                     $(this).siblings("li").removeClass("active")

                   $(this).addClass("active");

                  var index=$(this).index();

                  $(".products>div:eq('+index+')").siblings("div").removeClass("selected");

                 $(".products>div:eq('+index+')").siblings("div').addClass("selected");

    })

    15. mouseenter 鼠标进入

          mouseleave 鼠标离开

          next() 当前元素的下一个元素

         nextAll() 当前元素的后边所有元素

         prev() 当前元素的前边的一个兄弟元素

        prevAll() 当前元素的前边所有元素

        last() 最后一个

       slideUp() 滑入

      slideDown() 滑出

      slideToggle() 切换

      fadeIn() 淡入

    fadeOut() 淡出

      fadeToggle() 切换

    fadeTo() 淡入到

    16. 动画

       $("div").animate({"width":"300px","height":"200px"},1000,function (){

        $("#dv').animate({...},2000,function (){})     

    })

     17. 元素追加

      append() 把超链接追加到

     .stop() 停止当前动画

     .prepend() 插入到前面

    after() 把当前元素添加到当前元素的后面

    before() 把元素添加到当前元素的前面

    18.清空元素

     $("#dv").html()

     $("#dv").empty()

     $("#dv").remove()

    19. 克隆方法 clone()

    20. 自定义属性

      创建设置:var aObj=$("<a></a>")

      aObj.attr("href',"...")

     aObj.attr("title',"百度")

     获取: aObj.attr("href');

    21. .prop()可以真正获取元素是否选中

          $("#ck").prop("checked",true)

    22.设置元素宽高

      parseInt($("#dv').css("width")*2)

    获取 var width=$("#dv").width()

    设置 $("#dv").width(width)       

    设置偏移 $("div').offset({"left":"200px","top":"100px"})

    获取$("div").offset().left();

    23.滚动距离问题

    $(window).scroll(function (){

       $(document).scrollTop()>$(".top").height();

      滚动要设置position:fixed;(脱离文档流)

    })

       

  • 相关阅读:
    笔记本CPU
    [转]Linux管理员新手易犯的十种错误
    Linux 如何禁止用户登录
    Linux 工作人员之间的交互
    双核处理器
    Ant时间戳的使用
    [转]linux+php5.1.6+mysql5.0.2+apache2.0.55安装配置说明
    ADDM 报告结果中的相关术语
    Mysql 用户密码
    [转]Linux系统中用户帐户清洁与安全方法
  • 原文地址:https://www.cnblogs.com/duanzhange/p/8926198.html
Copyright © 2020-2023  润新知