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

    记录下学习过程中的jQuery知识点,非原创纯属笔记

    1.基本选择器#id(标签ID,特殊符号用//转义) .class(样式类名) 标签 (*表示所有,可以与类组合) 多个选择(用逗号分割,将匹配元素合并到一个结果中) 也可以引用将创建的元素如:$('<div>')

    2.层级选择器:目标选择器+关系+匹配选择器 关系有:空格:所有后代元素 >:子元素 +:紧接着目标元素 ~:同辈

    3.属性选择器:[属性+匹配]:匹配:空白:所有 :相等 !=:不等 ^=以开头 $=以结尾 *=包含 
       [属性选择器][属性选择器]:同时满足多个条件

    4.jQuery对象的筛选
       过滤:.eq(index)获取第index的元素,从0开始 .first()获取第一个元素 .last()获取最后一个元素 .filter(expr)筛选出与指定表达式匹配的元素集合 .filter(fn)fn内部将对每个对象计算一次 (正如 '$.each'). 如果调用的函数返回false则这个元素被删除,否则就会保留。
       查找:children([expr]) parent([expr]) parents([expr]) next([expr]) nextAll([expr]) prev([expr]),find(),closest:方法获得匹配选择器的第一个祖先元素,从当前元素开始沿 DOM 树向上。

       迁移:insertAfter(),appendTo()

    5.属性操作:attr(name)获取第一个匹配元素的属性值,如果元素没有相应属性返回undefined attr(key,value)为所有匹配元素设置一个属性值 attr(key,fn)为所有匹配元素设置一个属性的值为fn的返回值 attr(json数据):为所有匹配元素批量设置属性值, removeAttr(name)移除某个属性 对象的class属性,要用'className'作为属性名

    6.css类操作:addClass(class)为第个匹配元素添加指定的类名 removeClass([class])从匹配元素中移除指定的类,多个类用空格隔开 toggleClass(class):如果不存在就添加,如果存在就删除 hasClass()

    7.HTML代码html()获取第一个匹配元素的html内容 html(val)设置每个匹配元素的html内容

    8.val()获取第一个匹配元素的当前值(string,Array) val(val|array)设置每个匹配元素的值 text()

    9.CSS:
       CSS:样式属性css(name):第一个匹配元素的样式值 css(name,value):设置每个匹配元素的样式值 css(json):批量设置样式值.
       位置:offset().left左相对偏移 offset().top 上相对偏移 offset({top:val,left:val})设置相对偏移量[只对可见元素] position().left position().top scrollTop()相对滚动条顶部的偏移 scrollTop(val)设置
       尺寸:height() height(val):如果没有指定单位(em.%)则默认为px 

    10.事件:页面载入:$(document).ready(function(){ });事件处理:bind(type,[data],fn) 事件:click、blur change click dbclick error focus focusin focusout keydown keypress keyup load mousedown mouseup movsemove mouseout mouseover scroll select submit unload 

  • 相关阅读:
    Office2003中文绿色免安装版本(wordExcelPowerPoint三合一)
    图片去背景神奇网站remove.bg
    网络视频下载分享
    Windows10手机投屏到电脑
    测试开发工程必备技能之一:Mock的使用
    实战教程:如何将自己的Python包发布到PyPI上
    Sysbench测试神器:一条命令生成百万级测试数据
    Java 获取PDF中的数字签名信息
    Java 在Excel中添加分离型饼图、环形图
    C#/VB.NET 添加、删除PPT幻灯片中的数字签名
  • 原文地址:https://www.cnblogs.com/zzfy/p/2861343.html
Copyright © 2011-2022 走看看