• JQuery -- 摘抄


    Jquery:
    javaScript脚本包,它里面有一堆一堆的封装好的方法,
    我们学习的就是这些方法如何使用

    是JS的升级版

    $是jquery特有的,取元素的时候提示一下

    文件类型:
    1、不带min的,是源文件,可以看得懂,但是文件较大,
    加载速度慢。
    2、带min的,编译后的文件,已经没法看懂了,但是文
    件较小,加载速度快。
    一般咱使用带min的文件就可以了,不需要看懂它的代码。

    一、选择器:
    1、基本选择器:跟css很像。
    1)基本
    id选择器:#
    class选择器:.
    标签选择器:标签名
    2)组合
    并列:用,隔开
    后代:用空格隔开
    2、过滤选择器
    1)基本过滤:
    首尾:首个first,尾个last
    等于:任意个 :eq(索引号)ps:$(".div").eq(1)或是$(".div:eq(1)")
    不等于:大于是:gt(索引号),小于是:lt(索引号),排除是:not(选择器)
    ps:$(".div:gt(1)"),$(".div:not(#div1)")
    奇偶,按索引,从0开始:奇数 :odd 是把奇数排除了,偶数 :even 是把偶数排除了
    2)属性过滤:
    属性名过滤: [属性名] ps:$(".div:[aaa]")
    属性的明值对过滤:[属性名=值],[属性名!=值]
    3)内容过滤
    文字 :contains("字符串")包含了某一段字符串
    子元素 :has("选择器")

    二、事件
    1、常规事件:把js中的事件,on去掉即可
    复合事件:hover(function(){},function(){}).相当于把mouseover(鼠标移入)mouseout(鼠标移出)合二为一
    toggle(function(){},function(){},....)可以放无数个function方法. 点击事件循环执行 
    2、事件冒泡:阻止事件冒泡用return false

    三、DOM操作
    1、操作属性:
    1)获取属性
    var a=$("选择器").attr("属性名")
    2)设置属性
    $("选择器").attr("属性名","属性值")
    3)删除属性
    $("选择器").removeAttr("属性名")
    2、操作样式
    1)操作内联样式
    获取样式
    var a=$("选择器").css("样式名")
    设置样式
    $("选择器").css("样式名","值")
    2)操作样式表的class
    添加class
    $("选择器").addClass("class名")
    移除class
    $("选择器").removeClass("class名")
    移除后立马添加
    $("选择器").removeClass("class名")..addClass("class名")
    添加移除交替class
    $("选择器").toggleClass("class名")
    ps:$("#div").toggleClass(".b",".a")//b替换a,刚开始显示的是a

    Jquery里面全是方法。
    三、DOM操作:
    3、操作内容
    1)、表单元素
    取值:var s = $("选择器").val()
    赋值:$("选择器").val("值")
    2)、非表单元素
    取值:var s = $("选择器").html(), var s = $("选择 
    器").text()
    赋值:$("选择器").html("值"), $("选择器").text("值")

    4、操作相关元素
    1)、查找:平级用索引来取
    父辈与前辈(前辈是父辈的父辈)
    parent(),父辈(用起来更好用,更清晰)
    parents(选择器),前辈(取出来一堆,要在后面加.eq)
    子代与后代(后代就是子代的子代)
    children(选择器),子级(比较好用,取出来一堆)
    find(选择器),后代
    兄弟
    哥:prev(),前面的一个元素;prevAll(选择器),前面兄弟 
    级的元素
    弟:next(),后面的一个元素;nextAll(选择器),后面兄弟 
    级的元素
    2)操作
    新建:$("HTML字符串")(可以用appen替代)
    添加:appen(jquery对象),内部添加;after(jquery对象), 
    下部平级添加;before(jquery对象),上部平级添加
    移除:empty(),清空内部全部元素(选择器选择父级的); 
    remove(),移除元素(选择器选择子级的)
    复制:clone()

    -------未来元素--

    $('元素').Live(‘事件名’,方法(){});

    $(".but2").live("click", function () {
    alert("aaaa");
    });//but2 点击

    -----------------------------

    四、动画
    1)show(),显示;hide(),隐藏
    2)slideDown(),以滑动方式显示隐藏的;slideUp(),以滑动方 
    式隐藏的
    3)fadeIn(),淡入;fadeOut(),淡出
    4)自定义动画:
    animate({left:"300px",top:"300px"},3000,function(){回调 
    函数//回调函数可有可无})//旋转做不了
    停止动画,防止动画积累: .stop(true) //在animate前添加

    fadeIn(),fadeOut() 可以用,其他特效用animate就可以啦

  • 相关阅读:
    练习5-3 数字金字塔 (15分)
    JSTL标签
    ssm+mysql+jsp打造在线考试系统WeKnow-学生端
    JSP常用内置对象
    mybatis入门2
    mybtis入门
    数据源的作用
    ssm动态查询向前台传json
    ssm中的注解
    ssm中的模糊查询
  • 原文地址:https://www.cnblogs.com/a454966933/p/5760581.html
Copyright © 2020-2023  润新知