首页
学习
活动
专区
圈层
工具
发布

jQuery设计思想

【目录】   一、选择网页元素   二、改变结果集   三、链式操作   四、元素的操作:取值和赋值   五、元素的操作:移动   六、元素的操作:复制、删除和创建   七、工具方法   八、事件操作...  九、特殊效果 【正文】 一、选择网页元素 jQuery的基本设计思想和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。...$.inArray() 返回一个值在数组中的索引位置。如果该值不在数组中,则返回-1。 $.grep() 返回数组中符合某种标准的元素。...$.isEmptyObject() 判断某个对象是否为空(不含有任何属性)。 $.isFunction() 判断某个参数是否为函数。...$.isPlainObject() 判断某个参数是否为用"{}"或"new Object"建立的对象。 $.support() 判断浏览器是否支持某个特性。

2.7K60
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    jQuery(一)

    栗子 找到所有拥有details类的p元素,将其高亮显示, $('p.datails').css('background-color', 'yellow') jQuery()函数 在Jquery中为最终要的为...通过这种方法调用,$()会返回当前文档中匹配该选择器的元素集。 第二种 传递一个Element,Document或Window对象给$()方法,$()将会将其封装成对象并返回。...ps 在这种情况下,不能使用纯文本,因为jQuery会将纯文本当成选择器解析。...$('#lead').is('.first'); // 同理 $('#lead').is('.first.hilite'); // 是否有两个类 is为判断,当是的时候选择true,否的时候选择false...'); // 将文档中的所有链接复制并插入该新div中 $('a').clone().appendTo('#linklist'); // clone不会复制事件处理程序 // 在每一个链接后插入

    2.9K40

    jQuery 入门指南教程

    jQuery的基本设计和主要用法,就是”选择某个网页元素,然后对其进行某种操作”。这是它区别于其他函数库的根本特点。...$.inArray() 返回一个值在数组中的索引位置。如果该值不在数组中,则返回-1。 $.grep() 返回数组中符合某种标准的元素。 $.extend() 将多个对象,合并到第一个对象。...$.type() 判断对象的类别(函数对象、日期对象、数组对象、正则对象等等)。 $.isArray() 判断某个参数是否为数组。...$.isEmptyObject() 判断某个对象是否为空(不含有任何属性)。 $.isFunction() 判断某个参数是否为函数。...$.isPlainObject() 判断某个参数是否为用"{}"或"new Object"建立的对象。 $.support() 判断浏览器是否支持某个特性。

    1.7K11

    jQuery (二)

    对象的data属性,在调用最后一个处理函数的时候,会将第二个值作为对象的data属性,这样即可避免使用闭包操作 ps jquery 中所有的处理程序都有一个函数 例如 hover() mouseenter...[x, y, z]); // 传入三个额外的参数 $('*'); // 选择所有元素进行触发 // 或者使用工具函数 jQuery.event.trigger(); // 使用工具函数完成全部的选择...ps 由于动画为队列,可以这样使用 自定义动画 使用animate() ps css3中,有类似的动画,是通过定义关键帧达到的。 <!..., ''); // 遍历jQuery对象中的每一个元素 this.each(function() { // 将参数的字符串作为文本添加到每一个元素的后面,并添加一个br jQuery...文件命名需要使用jquery.plugin.js jQuery的UI库 https://jqueryui.com/ ps 该库已经两年未更新了,不过lssues 依旧在回复中,对于库的检查 https:

    10.8K30

    Jquery基础之DOM操作

    下面的html页面结构可以构建出一棵DOM树,代码: View Code  构建出的DOM树如下:   JQuery中的DOM操作主要对包括:建【新建】、增【添加】、删【删除】、改【修改】、查【查找...四、删--删除DOM节点操作       如果想要删除文档中的某个元素JQuery提供了两种删除节点的方法:remove()和empty();     1、remove()方法       remove...()方法删除所有匹配的元素,传入的参数用于筛选元素,该方法能删除元素中的所有子节点,当匹配的节点及后代被删除后,该方法返回值是指向被删除节点的引用,因此可以使用该引用,再使用这些被删除的元素。...该操作相当于将所有的span元素以及后代元素移到ul后面。     2、empty()方法。       empty()方法严格来讲并不是删除元素,该方法只是清空节点,它能清空元素中的所有子节点。...closest()方法()用来取得最近的匹配元素,首先检查当前元素是否匹配如果匹配则直接返回,否则继续向上查找父元素中符合条件的元素返回,如果没有匹配的元素则返回空JQuery对象。

    66410

    Linux命令(面试+工作版)

    G; h; p' filename 为非空行添加行号 6. awk 删除重复行 打印/etc/passwd中所有包含同样的uid和gid的行 打印文件中的指定部分的字段 7. vim 打开文件并跳到第10...service --status-all 重启服务 $ service ssh restart 22. ps ps命令用于显示正在运行中的进程的信息,ps命令有很多选项,这里只列出了几个 查看当前正在运行的所有进程...会显示所有可用于排序的列,这个时候你就可以选择你想排序的列 如果只想显示某个特定用户的进程,可以使用-u选项 $ top -u oracle 25. df 显示文件系统的磁盘使用情况,默认情况下df -...删除文件前先打印文件名并进行确认 $ rm -i file* 递归删除文件夹下所有文件,并删除该文件夹 $ rm -r example 28. cp 拷贝文件1到文件2,并保持文件的权限、属主和时间戳...命令,下面使用whereis查找ls的位置 当你想查找某个可执行程序的位置,但这个程序又不在whereis的默认目录下,你可以使用-B选项,并指定目录作为这个选项的参数。

    3.7K40

    jquery 使用方法

    一、选择网页元素jQuery的基本设计和主要用法,就是"选择某个网页元素,然后对其进行某种操作"。这是它区别于其他函数库的根本特点。   ...的div元素 4 $('input[name=first]')//选择name属性等于first的input元素 也可以是jQuery特有的表达式: 1 $('a:first')//选择网页中第一个...如果该值不在数组中,则返回-1。 4 $.grep() 返回数组中符合某种标准的元素。 5 $.extend() 将多个对象,合并到第一个对象。...9 $.isEmptyObject() 判断某个对象是否为空(不含有任何属性)。 10 $.isFunction() 判断某个参数是否为函数。...11 $.isPlainObject() 判断某个参数是否为用"{}"或"new Object"建立的对象。 12 $.support() 判断浏览器是否支持某个特性。

    2.2K10

    Linux常用命令大全(整理自用)

    此时若路径中的某些目录尚不存在,加上此选项后,系统将自动建立好那些尚不在的目录,即一次可以建立多个目录。...rm 命令 删除一个目录中的一个或多个文件或目录,如果没有使用 -r 选项,则 rm 不会删除目录。如果使用 rm 来删除文件,通常仍可以将该文件恢复原状。...f 开头的文件 rm -- -f* rmdir 命令 从一个目录中删除一个或多个子目录项,删除某目录时也必须具有对其父目录的写权限。...不能删除非空目录 实例 当 parent 子目录被删除后使它也成为空目录的话,则顺便一并删除: rmdir -p parent/child/child11 mv 命令 移动文件或修改文件名,根据第二参数类型...which 是在 PATH 就是指定的路径中,搜索某个系统命令的位置,并返回第一个搜索结果。使用 which 命令,就可以看到某个系统命令是否存在,以及执行的到底是哪一个位置的命令。

    3K10

    JQuery基础

    注意:简写: $(function(){ //开始书写jQuery代码 }; 第三部分:jQuery选择器: 元素选择器:$("p") id选择器:$("#test") 类选择器:$(".test...:color属性值10px要添加引号,如'10px';   ps2:上述代码中color属性设置无效,因为色彩动画不包括在核心jQuery库中。...3.jQuery 删除元素: remove():删除被选元素及子元素。ps:remove()可接受一个参数,对被删元素进行过滤。参数是jQuery选择器的语法。...例如:$('p').remove('.test1'); empty():从被选元素中删除子元素(被选元素没有被删除,相当于留了一个外壳) 4.获取/设置css类: addClass():向被选元素中添加一个或多个类...$(selector).load(url,data,callback);   url:必须,希望加载的URL;ps:可以将url选择器添加到url中;   data:可选参数,与请求一起发送的字符串键值对集合

    6.8K51

    大数据学习之_01_Linux学习_02_组管理和权限管理+定时任务调度+linux磁盘分区、挂载+linux的网络配置+进程管理(重点)+软件包管理+大厂面试题+感悟分享+资料附录

    其他组 除文件的所有者和所在组的用户外,系统的其它用户都是文件的其它组。 改变用户所在组 在添加用户时,可以指定将该用户添加到哪个组中,同样的用root的管理权限可以改变某个用户所在的组。...不在赘图! crond 相关指令: 1) conrtab –r:终止任务调度(删除所有任务调度)。 2) crontab –l:列出当前有那些任务调度。...*":希望查找的数据类型,"*.jpg"表示查找扩展名为jpg的所有文件,"*"表示查找所有文件,这个可以灵活运用,举一反三 -exec:固定写法。 rm -rf:强制删除文件,包括目录。...主分区编号:输入1后回车,是否默认剩余全部空间,回车。最后输入w写入分区并退出,若不保存退出输入q。 ?...14.1.1 显示系统执行的进程 ps命令是用来查看目前系统中,有哪些正在执行,以及它们执行的状况。可以不加任何参数。 ? 用法说明: ? ps -aux // 显示所有的进程 ?

    1.5K50

    jQuery 快速入门教程

    内容目录 jQuery 入门 什么是jQuery 如何使用jQuery jQuery的运行原理 如何选择jQuery版本 ready() 准备就绪时执行代码 jQuery 核心:选取元素...在jQuery库中实际上定义了一个jQuery()方法,它是jQuery库的核心。我们调用该方法并传入指定的参数,就可以返回一个jQuery实例对象,该对象中包含匹配的一个或多个DOM元素。...使用jQuery 选择器选取元素,并封装为jQuery对象 在JS原生DOM中,我们想要对DOM元素进行操作,首先得获取到对应的元素(getElementById()、getElementsByTagName...CSS类名"test"的元素 $("[name=books]"); // 选择所有name属性为"books"的元素 是否感觉这和CSS选择器非常相似?...,如果用于插入/追加/替换/删除的元素是文档中的元素,则这些元素将从原位置上消失。

    15.2K30

    从GitHub.com放弃使用jQuery说起

    我们之所以选择 Flow 是因为当时@flow weak 弱类型等功能使我们能够逐步有效地开始将类型应用到没有类型的代码库中。...( ps: 这一段完全看不懂了) 总而言之,与 jQuery 剥离意味着我们可以更多地依赖 Web 标准,让 MDN Web 文档成为我们前端开发人员事实上的默认文档,在未来维护更具弹性的代码,并最终从我们打包好的程序中移除...我们维护了一个自定义构建的 jQuery 版本,当我们发现不再使用某个 jQuery 模块时,我们会将其从自定义版本中删除并发布一个更精简的版本。...例如,在我们删除了 jQuery 的 CSS 伪选择器(如 :visible或 :checkbox)之后,我们就能够删除 Sizzle 模块;当最后一个 $.ajax调用被 fetch() 替换时,我们能够删除...每当某个 IE 版本的使用率低于某个阈值时,我们就会停止为其提供 JavaScript支持,并专注于测试和支持更现代的浏览器。

    1.3K20

    validation怎么用_什么是确认validation

    引入文件 环境在 jQuery 下 , 所有先要引入 jQuery 1 2 css/...,中至少输入或选择一项 condRequired[string] validate[condRequired[ids]] 当 ids 的某个控件不为空时,那么该控件也为必填项。...validateNonVisibleFields false 是否验证不可见的元素(如 type=”hidden” 的输入框,或多个输入控件在选项卡切换中) showPrompts true 是否显示提示信息...;   此时需要在控件外层再套一个元素,并设置 class=”inputContainer” overflownDIV ” 设置了溢出滚动的元素,格式为 jQuery 的选择器。...本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    3.5K10

    jQuery学习笔记

    最近在学习jQuery 不难 只是有些东西容易忘 特此记录之 选择器 按ID查找 // 查找: var div = $('#abc'); 按标签查找 var ps = $('...p'); // 返回所有节点 ps.length; // 数一数页面有多少个节点 按class查找 var a = $('.red'); // 所有节点包含`class="red"`都将返回...()//查找所有直接子元素 $('div').find('li')//所有后代元素 操作DOM 修改Text和HTML jQuery对象的text()和html()方法分别获取节点的文本和原始HTML文本...无参数调用text()是获取文本,传入参数就变成设置文本,HTML也是类似操作 操作表单 jQuery对象统一提供val()方法获取和设置对应的value属性、 和js中的 .value()作用一样...remove()删除DOM节点 事件 jQuery很多时候需要绑定事件来出发一些东西 on方法用来绑定一个事件 onclick //鼠标单机时触发 onmousemove //当鼠标指针移动到元素上时触发

    1.7K40

    Git 操作演示-项目初始化流程

    验证 可以在项目根目录下查看 .git 文件夹,如果没有则需要开启 "显示隐藏文件"。 .git 文件夹里面有个 config 文件,直接拖入 VS Code 中。...新建文件并查看状态 git status 用户查看当前暂存区的文件 标记红色:代表不在暂存区,标记绿色:已经在暂存区。 目前我已经新建了两个文件,可以通过命令进行查看状态。 2....添加修改的文件到暂存区 git add . 代表把当前目录下的所有的红色文件提交到暂存区中。 3. 把暂存区的文件提交到本地 git commit -m "提交的备注信息" 4....拉取远端的文件,检查是否有冲突 git pull 因为目前是第一次初始化项目,项目是空的,所以拉了个寂寞。如果以后开发中拉取遇到冲突时,则需要联系对应的小伙伴一起进行处理,处理完后需要重新拉取一次。...标记标签/版本 可以给项目的每一个阶段/版本进行标记,方便后续查看某个版本的代码。

    59230

    jQuery下载和安装详细教程

    下载jQuery 我们可以到jQuery的官网下载jQuery文件(PS:其实jQuery就是一个封装了很多函数的js文件,把这个js文件导入到网页中就可以了)。...min.js"> 注意: script标签的src属性中,要根据jQuery文件所在的目录引入,如果jQuery文件和当前的HTML文件放在同一个目录下,即可直接写...jQuery的文件名;如果jQuery文件和HTML文件不在同一个目录下,我们可以使用相对路径和绝对路径的方式引入jQuery。...在HTML5中,script标签上可以不用添加 type="text/javascript" 属性,因为JavaScript是HTML5以及所有现代浏览器中的默认脚本语言。...的网页,然后按F12打开 开发者工具 ,选择“Console”控制台,在控制台中输入以下命令: $.fn.jquery 输入命令后按回车,即可显示当前jQuery的版本号。

    2.7K20

    Linux Command(二)

    # 在命令行输出某个文件中的搜索内容,查看log时经常使用 cat -n ha.log | grep test tac 可以反向排列显示文件内容哦,致敬vdog. 6.rm 删除文件及目录 命令格式:...rm [选项] 文件… 常用命令: # 删除某个文件 rm ha.log # 删除某个目录及其所有子目录,并且不会再次询问 rm -rf xi # 删除某个文件不必询问 rm -f ha.log rm...> hehe.me 12.tail 显示某个文件尾部一些数量的区域 命令格式: tail[必要参数][选择参数][文件] 常用命令: # 显示文件最后6行 tail -n 6 ha.log # 使用...-f可以循环读取一个文件,常用来查看不断更新的日志文件 tail -f ha.log 13.locate 查找文件 命令格式: Locate [选择参数] [样式] 常用命令: # 查找和XXX有关的所有文件...# 查看所有进程 ps -A # 查看此次登录后的相关进程 ps -l # 与grep组合使用,查看特定的进程 ps -ef | grep tomcat # 以特定形式查看进程,并以内存占用排序,并且取前

    92730

    50个最常用的UnixLinux命令

    $ service --status-all 重启服务 $ service ssh restart 22. ps ps命令用于显示正在运行中的进程的信息,ps命令有很多选项,这里只列出了几个...(默认以CPU占用率排序)如果你想改变排序方式,可以在结果列表中点击O(大写字母O)会显示所有可用于排序的列,这个时候你就可以选择你想排序的列 Current Sort Field: P for...删除文件前先打印文件名并进行确认 $ rm -i file* 递归删除文件夹下所有文件,并删除该文件夹 $ rm -r example 28. cp 拷贝文件1到文件2,并保持文件的权限、属主和时间戳...ug+rwx file.txt 删除指定文件的属组的所有权限 $ chmod g-rwx file.txt 修改目录的权限,以及递归修改目录下面所有文件和子目录的权限 $ chmod -R ug...,但这个程序又不在whereis的默认目录下,你可以使用-B选项,并指定目录作为这个选项的参数。

    87920

    sublime Text3使用笔记

    js以及jquery等插件安装 ctrl+shif+p掉出命令框,输入pci ,选择install package 过一会会弹出对话框 输入:Emmet,选择安装,可以自动提示html css代码。...输入theme-选择合适主题 输入js选择snippets 输入jquery选择jquery自动提示 Emmet使用 ctrl+n创建一个新文件,然后ctrl+shif+p掉出命令窗口,输入ssjs,即...Alt+F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。就是多行光标同时编辑。Esc退出。举个栗子:快速选中并更改所有相同的变量名、函数名等。...举个栗子: 1、输入当前项目中的文件名,快速搜索文件 2、输入@和关键字,查找文件中函数名 3、输入:和数字,跳转到文件中该行代码 4、输入#和关键字,查找变量名。...举个栗子:在页面代码比较长的文件中快速定位。 Ctrl+R 打开搜索框,自动带@,输入关键字,查找文件中的函数名。举个栗子:在函数较多的页面快速查找某个函数。 Ctrl+Shift+P 打开命令框。

    1.9K110
    领券