zoukankan      html  css  js  c++  java
  • JQ笔记

    参数形式
    $("input:text",document.forms[0])选择form[0]所有input=text
    $("<p>123</p>")直接对字符串标签操作
    $(document.body)直接对标签操作
    $(function(){})直接操作函数

    each(callback)
    $("ul").each({function(index){ this.li.html("xxx")}})

    get(i)
    $("li").get(3)

    选择器
    $(document)整个文档选择
    $("#id") ID选择器
    $(".class") 类选择器 延伸:$("div.class") 复合选择器 标签+类
    $("input[type=text]")属性选择器

    表达式选择器
    $("a:first")第一个a元素
    $("tr:odd")选择tr的奇数行
    $("#form:input")选择from中的input
    $("div:visible")选择可见的DIV
    $("div:gt(2)")选择前三个DIV

    对象函数
    .html() 取出或者设置html
    .text() 取出或者设置text内容
    .attr() 取出或者设置属性的值
    .width()取出或者设置属性的宽度
    .height()取出或者设置属性的高度
    .val()取出或则设置某个表单的值

    筛选器
    $("div").has("p") 选择包含P元素的DIV
    $("div").not(".class")选择不属于class类的div
    $("div").filter(".class")选择类为class的div
    $("div").first()选择第一个div
    $("div").eq(index)选择第index+1个div

    $("div").next("p")选择div后第一个P
    $("div").parent() 选择div的父元素
    $("div").cliset("form")离div最近的form的父元素
    $("div").children()选择div的子元素
    $("div").siblings()选择div的同级元素

    文档处理
    .clone()复制元素
    .remove()直接删除对象
    .detach()保留被删除元素的事件
    .empty()清空元素的内容
    .append()追加元素

    事件
    blur()表单失去焦点
    click()鼠标点击
    focusin()子元素获取焦点
    keypress()按下键盘
    load()元素加载完毕
    mouseenter()鼠标进入
    change()表单元素值变化
    focus()表单元素获取焦点
    keyup()松开键盘
    mousedown()鼠标离开
    mouseup()鼠标松开
    mouseout()鼠标离开
    resize()浏览器窗口大小改变
    select()选中文本框内容
    toggle()根据鼠标点击次数依次运行多个函数
    submit()用户提交表单
    unload()用户离开页面
    事件的绑定
    $(input).bind("click change",function(){});
    $(input).one("click",function(){})只运行一次绑定的事件
    $(input).unbind("click")移除绑定
    $(input).trigger(click)触发器执行click事件

    事件参数
    event.pagex事件发生时 鼠标距离网页左上水平距离
    event.pagey事件发生时 鼠标距离左上角的垂直距离
    event.type 事件类型 例如click
    event.data 事件对象上绑定的数据
    event.which 按下了那一个按键
    event.target 事件针对的网页元素
    event.preventdefault() 阻止事件的默认行为 点击链接会打开新的页面
    even.stopPropagation() 停止事件向上层元素冒泡
    this 针对的dom元素

    工具
    .trim()去除空格
    .each()遍历
    .inarray()返回数组索引的位置
    .grep()返回数组中复合标准的元素
    .extend()合并对象
    .makyarray()转换为数组
    .type()判断对象的类型 函数、日期、数组、正则
    .isarray()是否为数组
    .isemptyObject()判断是否为null
    .isfunction()判断是否为函数
    .isplainobject()判断是否为建立的对象
    .suppirt() 是否支持某个浏览器的特性

  • 相关阅读:
    编译Openmv固件&增加串口
    边缘 AI 平台的比较
    CVPR2021 | 重新思考BatchNorm中的Batch
    ICCV2021 |重新思考人群中的计数和定位:一个纯粹基于点的框架
    ICCV2021 | 重新思考视觉transformers的空间维度
    CVPR2021 | Transformer用于End-to-End视频实例分割
    漫谈CUDA优化
    AAAI 2021 最佳论文公布
    综述专栏 | 姿态估计综述
    为什么GEMM是深度学习的核心
  • 原文地址:https://www.cnblogs.com/QQ544952425/p/4870265.html
Copyright © 2011-2022 走看看