• jQuery快速复习


    jQuery

    什么是jQuery?jQuery是一个Javascript库,极大的简化了Javascript编程。
    接下来就讨论如何使用这个库吧。
    因为这是一个库,所以首先要引入库

    <script type="text/javascript" src="jquery.js"></script>


    jQuery 部分写在包装的代码里。

    <script type="text/javascript">
    $(document).ready(function(){
    
    /***代码部分**/
    
    });
    或是精简版的
    $(function(){
    
    });
    </script>

    jQuery语法:这个很简单。$(selector).action();

    jQuery选择器:使用$作为选择符,$("p") $("p.class-name")选择有class="class-name"的<p>

    $("[href]")所有有href属性的元素 $("[foo="value"]")$("[foo!='value']")$([foo$=".jpg"])以.jpg结尾


    jQuery事件:以click时间举例,

    $("button").click(function(){
    });

    其他常见的事件还有:dbclick focus mouseover......................;

    jQuery效果:以hide()为例:
    $("div1").hide();//参数可选,(speed,callback)speed:slow fast 或是毫秒数
    其他还有hide() show() toggle() fadeIn() fadeOut() fadeToggle() fadeTo(speed,opacity,callback)
    slideUp()滑动效果是元素出现和隐藏 slideDown() slideToggle()等;
    还有animate(),添加动画效果参数有({CSS属性 color:"red"},speed,callback);stop()方式用于停止动画以及效果进程。
    callback函数用于在顺利执行方法后执行。

    jQuery获得内容和属性:text()获取或设置文本 html()获取或设置html代码 val()获取或设置表单元素的值 方法;
    获取或设置属性attr(),attr("属性名称":"属性值");

    jQuery添加元素:append()被选元素的结尾;prepend()被选元素的开头 after() 后边 before()之前
    append() and prepend() after() before()can receive many newElements

    jQuery删除元素:remove()删除被选元素,empty()删除被选元素的子元素;

    jQuery操作CSS addClass() removeClass() toggleClass() css() css("propertyname")返回css属性值
    css("propetyname","value")设置css属性;

    jQuery尺寸:width()设置数值使用整数即可 height() innerWidth() innerHeight() outerWidth(true) outerHeight(true)

    jQuery遍历:parent()直接父元素 parents()所有父元素 可添加参数进行搜索 parentUntil("元素便签名")介于两个元素之间的父元素
    children(),返回所有直接子元素 可使用参数搜索 find()返回所有后代 可使用参数搜索。
    siblings()所有同胞元素 next() nextAll() nextUntil() prev() prevAll() prevUntil()部分可使用参数搜索
    first() 被选元素的第一个元素 last() eq()选择带有索引号的元素 filter()筛选 参数是选择符 not()与filter相反

    jQuery Ajax:get(url,callback) 回调函数有2个参数 第一个接收responseText 第二个接收status。
    post(url,data,callback)

    jQuery noConflict()方法用来替换选择符。var jq=$.noConflict();

  • 相关阅读:
    关于MyEclipse项目的名字的修改对项目导入导出的影响
    关于SQL语句的一些注意事项
    关于Struts2的jsp页面的注释
    关于VS2013常用到的快捷键
    关于Cocos2d-x中定时器的使用总结
    关于Cocos2d-x中打包图集和使用方法
    zend studio 10.6.2 设置默认编码为UTF-8
    zend studio 10.6.2 字体大小 设置
    zend Studio10.6.2汉化
    JQ Ajax 上传文件
  • 原文地址:https://www.cnblogs.com/kirinchang/p/4334282.html
Copyright © 2020-2023  润新知