一.概述:
jQuery是2个快速、简洁的JavaScript框架,是继Prototype之后又三个精美的JavaScript代码库(或JavaScript框架)。jQuery设计的主题是“write
Less,Do
More”,即倡导写越来越少的代码,做越多的事情。它封装JavaScript常用的效应代码,提供1种便利的JavaScript设计格局,优化HTML文书档案操作、事件处理、动画设计和Ajax交互。
jQuery的宗旨天性能够总括为:具有特出的链式语法和短小清晰的多效益接口;具有高速灵活的css选取器,并且可对CSS采取器进行增加;拥有便捷的插件扩充机制和足够的插件。jQuery包容各类主流浏览器,如IE
陆.0+、FF 1.5+、Safari 二.0+、Opera 九.0+等。

二.使用:
1:下载;网址:Jquery.com
二:在html页面中动用script标签,引进js文件即可;注意早晚要先引入jquery,再引进本人写的js;
< script type=”text/javascript”
src=”js/jquery-3.2.1.js”></script>
三:再使用script标签,写程序员自个儿的js代码;

三.Jquery对象与js对象的差异和更换
1.js对象==>jquery对象,格式:$(js对象);
2.jquery==>js对象,格式:jquery对象[0];

四.jquery API介绍
API分为大旨/属性/CSS/选用器/文书档案处理/筛选/事件/效杲/ajax/工具/event对象,共11个部分

选择器:
壹.主导采纳器
    Id选择器:
    $(“#id的值”);
   
    成分选用器:
    $(“标签名”);
   
    类采取器:
    $(“.class的属性值”);
   
    *选择器
    $(“*”)
    相称全数因素并回到

二.层级采纳器:
    ancestor descendant(迭代协作)
        ancestor:为其他有效采取器;
        descendant:相称成分的选用器,且为第三个接纳器的后生;
    举例:
    $(“form input”)
    相称form标签下具有的input标签(迭代–进入孙代或更后代的竹签)
   
    parent > child(仅选用直系一代的采取器,不迭代选用)
        parent:任何有效的选用器;
       
child:用以相称成分的选用器,并且它是第1个选用器的子成分(不进入迭代);
    举例:
    $(“form > input”)
   
    prev + next
    相配全数紧接在 prev 成分后的 next
成分.注意prev与next成对出现时才相配;
    举例:
    $(“label + input”)
   
    prev ~ siblings
    相称与第三个标签同辈的价签
    举例:
    $(“form ~ input”)
   
三.主干过滤选拔器
    :first
    获取第二个要素
    举例:
    $(‘li:first’);
    重返li标签中的第三个li标签对象([ <li>list item 1</li>
])
   
    :last
    获取最终1个因素(API中后边有二个圆括号,应除去)
    举例:
    $(‘li:last’)
    返回:[ <li>list item 5</li> ]
   
    :not(selector)
    去除全数与给定选拔器相称的要素
    举例:
    $(“input:not(:checked)”)
   
    :even
    相称全数索引值为偶数的因素,从 0 起初计数
    举例:
    $(“tr:even”)
    再次回到索引为偶数的行;
   
    :odd
    相配全数索引值为奇数的成分,从 0 发轫计数
    $(“tr:odd”)
    再次回到全数索引为奇数的行;
   
    :eq(index)
    相配一个给定索引值的要素,从0起先计数
    $(“tr:eq(1)”)
    重临索引值为一的要素(即第3行)
   
    :gt(index)
    相称全部大于给定索引值的要素,从0伊始计数
    $(“tr:gt(0)”)
    般配索引值大于0的行;
   
    :lt(index)
    匹配全数小于给定索引值的因素
    $(“tr:lt(2)”)
    相称索引值小于2的行;
   
    :header
    相称如 h1, h二, h三之类的标题成分
    $(“:header”).css(“background”, “#EEE”);
    给页面内享有标题加上背景观
   
    :focus
    相配当前获取关节的因素
   
肆.属性相关选择器
    []
    $(“div[id]”)
    查找全部含有 id 属性的 div 成分
   
    [attribute=value]
    $(“input[name=’newsletter’]”)
    查找全数 name 属性是 newsletter 的 input 成分
   
    [attribute!=value]
    查找全部 name 属性不是 newsletter 的 input 成分
    $(“input[name!=’newsletter’]”)
   
    [attribute^=value]
    相称给定的品质是以有个别值开首的成分
    $(“input[name^=’news’]”)
    查找全部 name 以 ‘news’ 开端的 input 成分
   
    [attribute$=value]
    相配给定的质量是以某个值结尾的成分
    $(“input[name$=’letter’]”)
    查找全体 name 以 ‘letter’ 结尾的 input 成分
   
    [attribute*=value]
    相称给定的质量是以含有某个值的要素
    $(“input[name*=’man’]”)
    查找全数 name 包括 ‘man’ 的 input 成分

伍.表单相关选用器
    :input
    相称全数 input, textarea, select 和 button 元素
    $(“:input”)
    查找全部的input成分,
   
    :text
    相称全体的单行文本框
    举例:
      <input type=”text” />
      <input type=”checkbox” />
      <input type=”radio” />
      <input type=”image” />
      <input type=”file” />
      <input type=”submit” />
      <input type=”reset” />
      <input type=”password” />
      <input type=”button” />
    $(“:text”)
    返回:[ <input type=”text” /> ]
   
    $(“:password”)
    相称全体密码框
   
    $(“:radio”)
    查找全数单选按钮
   
    $(“:checkbox”)
    相称全数复选框
   
    $(“:submit”)
    相配全数提交按钮
   
    $(“:image”)
    相称全体图像域
   
    $(“:reset”)
    查找全部重置按钮
   
    $(“:button”)
    相称全数按钮
   
    $(“:file”)
    查找全部文件域
   
    :hidden
    匹配全体不可知成分,大概type为hidden的因素
    举例
    $(“tr:hidden”)
    $(“input:hidden”)

六.表单对象属性选用器
    :enabled
    相称全数可用成分
    举例
    $(“input:enabled”)
   
    :disabled
    相称全部不可用成分
    $(“input:disabled”)
    查找全体不可用的input成分
   
    :checked
    相称全部入选的被入选元素(复选框、单选框等,不包蕴select中的option)
    $(“input:checked”)
    查找全数入选的复选框成分
   
    :selected
    相配全体入选的option成分
    $(“select option:selected”)
    查找全部入选的选项因素
   
     

 

相关文章

网站地图xml地图