zoukankan      html  css  js  c++  java
  • jquey知识点整理

    jquery选择器
    1.元素选择器:
    $("p") 选取 <p> 元素。
    $("p.intro") 选取所有 class="intro" 的 <p> 元素。
    $("p#demo") 选取所有 id="demo" 的 <p> 元素。
    2.属性选择器
    $("[href]") 选取所有带有 href 属性的元素。
    $("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
    $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
    $("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
    3.css选择器
    $("p").css("background-color","red");
    4.其他选择器
    语法	描述
    $(this)	当前 HTML 元素
    $("p")	所有 <p> 元素
    $("p.intro")	所有 class="intro" 的 <p> 元素
    $(".intro")	所有 class="intro" 的元素
    $("#intro")	id="intro" 的元素
    $("ul li:first")	每个 <ul> 的第一个 <li> 元素
    $("[href$='.jpg']")	所有带有以 ".jpg" 结尾的属性值的 href 属性
    $("div#intro .head")	id="intro" 的 <div> 元素中的所有 
    class="head" 的元素
    5.一共两个元素,选择第二个元素 :
    :last ,eq(1)【下标是从0开始】,
    6.bind事件
    $(selector).bind(event,data,function)可以绑定多个事件,多事件格式是 
    以对象的形式呈现
    $("button").bind(event,function)绑定单事件
    7.change事件是在某个区域内容发生改变时候使用
    8.delegate()事件是给其子元素添加绑定事件
    9.live()方法: 
    die() 方法移除所有通过 live() 方法向指定元素添加的一个或多个事件处 
    理程序。(相当于阻止某一个事件)
    10.当元素遇到错误(没有正确载入)时,发生 error 事件。
    error() 方法触发 error 事件,或规定当发生 error 事件时运行的函数。
    相应的使用replaceWith("标签")来替换’;
    11.event.preventDefault()事件阻止 isDefaultPrevented()的返回值是 
    true和false
    12.pageX pageY事件
    13.包含由被指定事件触发的事件处理器返回的最后一个值。event.result
    14.event.target:触发事件的DOM元素
    15.event.type事件类型
    16.event.which指示按了那个键那个按钮(指示的是键盘的)
    17.load当某些东西如果加载成功之后显示出来
    18.mousedown鼠标按入事件、mouseenter鼠标进入元素事件 、mouseleave鼠 
    标离开事件
    mousemove鼠标移动事件、 ..........
    19.one事件:
    one() 方法为被选元素附加一个或多个事件处理程序,并规定当事件发生时 
    运行的函数。
    当使用 one() 方法时,每个元素只能运行一次事件处理器函数。
    20.ready()文档就绪事件
    $(document).ready(function(){})//$().ready(function(){})// 
    $(function(){})//
    21.resize重新调整浏览器的大小
    22.select()事件,被选中,可以在其前后加内容使用before('文本内容'),或 
    者after('文本内容')
    23.toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的 
    轮流的 click 事件
    当指定多个函数时:$(selector).toggle(function1(),function2 
    (),functionN(),...)
    toggle(true/false)也可直接确定的
    24.trigger() 方法触发被选元素的指定事件类型。
    triggerHandler() 方法触发被选元素的指定事件类型。但不会执行浏览器默 
    认动作,也不会产生事件冒泡。
    triggerHandler() 方法与 trigger() 方法类似。不同的是它不会触发事件 
    (比如表单提交)的默认行为,而且只影响第一个匹配元素。
    25.unbind解绑事件,在某个对象发展某种程度的时候,采取
    26.创建几个文本,然后after(文本1,文本2,文本3)
    27.添加元素append before() after() prepend()
    28、删除元素:remove(删除被选元素及其子元素) empty(从被选元素中删除 
    子元素) 注意两者的区别
    remove(".XX")可以定义选中的元素进行过滤
    29、
    addClass() - 向被选元素添加一个或多个类
    removeClass() - 从被选元素删除一个或多个类
    toggleClass() - 对被选元素进行添加/删除类的切换操作
    css() - 设置或返回样式属性
    30、遍历
    向上遍历:
    parent()父元素 parents()所有的父元素 parentsUntil('ul')所有的父元素 
    直到某一个元素
    向下遍历:
    children(只会向下一级进行遍历,也可自行选择具体的哪一个) find(返 
    回被选元素的后代元素,直到最后一代)
    水平遍历:
    siblings()被选 元素的所有的同胞兄弟
    next()
    nextAll()
    nextUntil()
    prev()
    prevAll()
    prevUntil()
    过滤:
    first()第一个元素
    last()最后一个元素
    eq() 方法返回被选元素中带有指定索引号的元素。
    索引号从 0 开始,因此首个元素的索引号是 0 而不是 1。下面的例子选取 
    第二个 <p> 元素(索引号 1):
    filter() 方法允许您规定一个标准。不匹配这个标准的元素会被从集合中删 
    除,匹配的元素会被返回。
    not() 方法返回不匹配标准的所有元素。
    31、jquery ajax 
    通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务 
    器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入 
    网页的被选元素中。
    常用的加载方法:
    load()
    语法$(select),load(URL,data,callback);
    必需的 URL 参数规定您希望加载的 URL。
    可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。
    可选的 callback 参数是 load() 方法完成后所执行的函数名称。
    responseTxt - 包含调用成功时的结果内容
    statusTXT - 包含调用的状态
    xhr - 包含 XMLHttpRequest 对象
    32、ajax加载的时候需要在web环境下加载(xampp,目前使用的是phpstudy)
    33、jQuery get() 和post()通过HTTP GET 或 POST 从服务器请求数据
    34、向服务器端发送请求,open() 和send()
    xml.open("Get或者post","test1.txt","true")【true异步请求,false同步 
    请求】
    send(string)【string仅限于POST请求】
    post和get的区别
    与 POST 相比,GET 更简单也更快,并且在大部分情况下都能用。
    然而,在以下情况中,请使用 POST 请求:
    无法使用缓存文件(更新服务器上的文件或数据库)
    向服务器发送大量数据(POST 没有数据量限制)
    发送包含未知字符的用户输入时,POST 比 GET 更稳定也更可靠
    post请求:
    如果需要像 HTML 表单那样 POST 数据,请使用 setRequestHeader() 来添 
    加 HTTP 头。然后在 send() 方法中规定您希望发送的数据:
    
    readyState:0 初始化 1服务器连接建立 2请求已接受 3请求处理中 4请求已 
    完成,且响应就绪
    status: 200 ok 404未找到页面
    
    【关于对请求兼容方面
    var xhr = new XMLHttpRequest();//code for IE7 +firefox chrome opera safari
    var xhr = new ActiveObject('Microsoft.XMLHTTP);//code for IE6 IE5
    】
    

      

  • 相关阅读:
    24-反转链表
    23-链表中环的入口节点
    22-链表中倒数第k个节点
    21-调整数组顺序使奇数位于偶数前面
    18-删除链表的节点
    17-打印从1到最大的n位数
    16-数值的整数次方
    15-二进制中1的个数
    14-剪绳子
    13-机器人的运动范围
  • 原文地址:https://www.cnblogs.com/TTTK/p/6256522.html
Copyright © 2011-2022 走看看