首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

js与jQuery的区别以及jQuery选择器和方法的使用

目录 使用jQuery js与jQuery代码对比 jQuery选择器:用来选中元素 基本方法 ---- js与jQuery代码对比 jQuery选择器:用来选中元素 基本方法 使用jQuery jQuery...3.3.1 建议下载开发版本 2、HBuilder使用 创建项目 3、把jQuery库复制到项目中的js文件夹中 4、引入jQuery库文件: 注意:script标签中不要写内容,写jQuery代码就再写一对...script标签 js与jQuery代码对比 案例1:点击按钮获取文本框中的值(JS对比jQuery),如下图 JS版: jQuery版: 先引入jQuery库 jQuery选择器:用来选中元素         ...选择器还可以组合多个一起使用,可以分为并集和交集。...下拉要注意了,单选 和多选直接就是找到选中的选项就行,可是下拉select标签中还有标签,我们要获取的是select中option选项的值,所以这个地方要注意写法。

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

    JQuery的简述、使用方法和选择器

    除非特殊要求,一般不会使用 3.x 版本的,很多老的 jQuery 插件不支持这个版本。目前该版本是官方主要更新维护的版本。 注:推荐学习时使用1.x版本,功能更加完善,所学习到的东西更多。...jQuery 中$的含义 作用 1:$(function) 相当于 window.function(){} 2.功能比window.onload更强大 (1) window onload一个页面只能写一个...使用前的准备 ? JQ中常用的选择器 一、基本选择器 1、id选择器 通过元素id获取相关元素 ? 2、元素选择器 获得body内的相关元素,如div、input等 ?...五、表单选择器 匹配所有 input, textarea, select 和 button 元素 ? ---- JQuery的相关API,相关jquery文件,测试源代码已分享之网盘。...使用时直接将相关jquery文件放入JS目录下,在html代码中引入即可。

    1.2K10

    jquary学习(二)jquary的使用,jQuery中的选择器

    目录 首先在官网下载jquary的js文件 html页面文件里面引入 jQuery中的选择器 基本选择器id 选择器标签选择器 (“a”)类选择器 (“.class”) 首先在官网下载jquary的js...以后就可以在这个HTML页面使用jquary的语法了 jQuery中的选择器 我们打开jquary的中文参考文档 ? ? 打开就是以上的界面。 基本选择器 ?...先看基本选择器 id 选择器 function demo1(){ //使用JS方式获得--HTMLInputElement var uname=document.getElementById...//$("ul li:first-child").css("background-color","green"); //最后一个 而此选择符将为每个父元素匹配一个子元素...//$("ul li:last-child").css("background-color","red"); //√ 匹配每一个ul 中的li标签的位置 注意:从1开始的

    5.4K20

    HTML5中类jQuery选择器querySelector的使用

    简介 HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素,功能类似于jQuery的选择器...用法 两个方法使用差不多的语法,都是接收一个字符串参数,这个参数需要是合法的CSS选择语法。...querySelector 该方法返回满足条件的单个元素。按照深度优先和先序遍历的原则使用参数提供的CSS选择器在DOM进行查找,返回第一个满足条件的元素。...同样,在提供给querySelector和querySelectorAll的参数也支持转义,了解这点非常重要。...理解这点后,可以来看一个更有趣的例子了。比如我们要选择类名里面含反斜杠的元素。是的,我们需要一共使用四个反斜杠!才能正常工作。 ?

    3.4K70

    jQuery中,$.和$().有什么区别以及多个选择器的执行

    $代表jQuery对象,同时也是一个函数对象 $()和jQuery()是jQuery的核心函数,执行这两个元素返回的是一个DOM元素 $()是一个函数,等同于jQuery(),可在括号内传参数,传参后可获取元素...$(“.one”)表示获取class=“one”的元素,返回一个jQuery对象 $(”.one”).onclick表示class=”one”的点击事件 $.post() $.get() $.ajax...() 都是jQuery对象的方法 jQuery中,多个选择器是依次执行的,不是同时执行的 ,是在上一个选择器执行完的基础上,才开始执行下一个。...例如:$(“li:gt(0):lt(2)”) // 选择第二个和第三个li,gt(0)表示下标大于0的,lt(2)表示下标小于2的。...下标大于0为黑色区域,此时,下标为1的蓝色区域下标变为0,下标为3的粉色区域下标变为1,执行过滤选择下标为2后,即为红色框内,也就是最初的下标为1和2的元素,即第二个和第三个li元素(假设所有的颜色框均为

    1.2K40

    jQuery通过id选择器绑定双击事件,和appendTo()方法的使用详解

    selected",document);==>$("option:selected");//不可以 var alloptions = $("option:selected",$("#id"));//选择哪个下拉...(select)列表的被选中的值(第二种写法) var alloptions = $("option:selected",#id);//这个是另外一种写法也是可以被识别的(第三中写法)...var alloptions = $("option:selected",this);//指的是当前下拉下表的函数下,选中中的值(第四种写法) alert(alloptions.length...); //appendTo()把所有匹配的元素追加到另一个指定的元素元素集合中。...//实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把b追加到a,而是把a追加到b $("option:selected",this).appendTo($("

    1.2K20

    shell脚本中的if条件语句介绍和使用案例

    #前言:在生产工作中if条件语句是最常使用的,如使用来判断服务状态,监控服务器的CPU,内存,磁盘等操作,所以我们需要熟悉和掌握if条件语句。 简介 if条件语句,简单来说就是:如果,那么。...echo "mysqld service down" | mail -s "mysqld" 1075792988@qq.com systemctl restart mysqld fi #然后将写的监控脚本放进定时任务里面...,我们一般是先要明白开发需求,然后进行分析,设计思路,然后再编写代码 #例如:监控系统剩余内存的大小,如果小于200M,就邮件报警,每3分钟执行一次 思路: 1.先在命令行获取到系统剩余的内存的值 2....配置邮件报警功能 3.进行判断,如果取到的值小于200M,就报警 4.编写shell脚本 5.加入crond定时任务,然后每3分钟检查一次 #总结:if条件语句可以做的事情还有很多,大家可以根据工作需求去多多开发挖掘...,下篇将继续写shell脚本的另外一个条件语句case。

    9.8K40

    shell脚本中的case条件语句介绍和使用案例

    case条件语句我们常用于实现系统服务启动脚本等场景,case条件语句也相当于if条件语句多分支结构,多个选择,case看起来更规范和易读 #case条件语句的语法格式 case "变量" in...read读取用户输入的数据,然后使用case条件语句进行判断,根据用户输入的值执行相关的操作 #执行效果 [root@shell scripts]# sh num.sh please input a...read读取用户输入的数据,然后使用case条件语句进行判断,根据用户输入的值执行相关的操作,给用户输入的水果添加颜色 #扩展:输出菜单的另外种方式 cat<<-EOF ================...实践3.开发nginx启动脚本 #主要思路: #1.主要通过判断nginx的pid文件有无存在,通过返回值查看有没有运行 #2.通过case语句获取参数进行判断 #3.引入系统函数库functions中的...,不能中断脚本而到跳板机服务器上执行任何系统命令 #思路 1.首先做好ssh key验证登录 2.实现远程连接菜单选择脚本 3.利用Linux信号防止用户在跳板机上操作 4.用户登录后就调用脚本 #操作过程

    6.2K31

    Redis中lua脚本的使用和作用能做什么?

    Redis的Lua脚本是一种在Redis中执行自定义脚本的方法,它允许你在Redis中执行复杂的操作,可以更有效地处理数据,提高效率和性能。...性能优化:对于一些复杂的操作,使用Lua脚本可以减少网络延迟和命令解析的时间,从而提高性能。 实现复杂算法:Lua脚本可以用来实现一些复杂的算法,比如排序、哈希计算等。...原子性操作:Lua脚本可以用来实现一组操作的原子性,这在多个操作相互依赖时非常有用。 数据转换:你可以在Lua脚本中进行数据的转换或处理,比如将某个键的值从一个格式转换为另一个格式。...要在Redis中使用Lua脚本,你可以使用EVAL命令,例如: EVAL "return {KEYS[1],ARGV[1]}" 1 mykey "hello" 这个命令会返回一个包含键名和给定参数的数组...在上面的例子中,返回的是{"mykey", "hello"}。 注意,Lua脚本中的变量(如KEYS和ARGV)在执行脚本时会被Redis自动解析并传递给脚本。

    93340

    shell脚本中的各种表达式介绍和使用

    #前言:在shell脚本中,有各种的表达式,包括有条件测试表达式,文件表达式,字符串表达式,整数表达式,接下来我们来了解一下他们的使用方法 1.条件测试表达式 #首先来看一下条件测试语法 #条件测试语法...条件测试的语法和使用 #查看帮助:man test #介绍:test - check file types and compare values(检查文件类型和比较值) #语法格式: test <测试表达式...&& echo 1 || echo 0 1  #char为空值,所以长度为0,表达式成立输出1 1.2.[]中括号条件测试语法和使用 #语法格式:[ ] #注意点:中括号内部的两端都要有空格...if [ 条件1 ];then 命令1 命令2 fi #关于条件测试表达式的总结 #1.test和[]、[[]]的功能有所重合,因此在工作中选择一种适合自己的一种用,其他的可以看懂别人的写的脚本就好了...,返回值就为真 5、连接两行[]、test或[[]]的表达式可用&&或|| #提示:中括号里面不能使用&&字符串,否则报错,在[[]]和(())里面就可以用,可参考上面列出的 [root@shell

    96530

    权力的游戏使用Tensorflow中的LSTM和Recurrent单元生成剧集脚本

    作者 | Ujwal Tewari 来源 | Medium 编辑 | 代码医生团队 权力的游戏第8季确实令人失望,似乎导演无法学习前几季的模式,但担心的是,LSTM从不会错过任何模式,并会帮助提供一个更好的脚本...LSTM门学习过程 实施和准则 将建立一个在Anna Karenina上训练的角色智能RNN,一旦训练完成并且对前者进行测试,将由权力的游戏第3季和第4季的联合脚本取代。...之后它将能够根据季节脚本中的文本生成新文本。...此处使用的示例函数是更大代码的一部分,可以在存储库中找到它以及整个笔记本和代码片段来执行自己的代码。...完成后,使用自己的剧集/剧集/季节/季节文本文件替换存储库中的anna.text。 训练一个赛季并查看结果,然后继续增加更多赛季,以进一步优化数据集和学习过程。

    63310

    pytest学习和使用3-对比unittest和pytest脚本在pycharm中运行的方式

    一句话来说下,unittest和pytest脚本在pycharm中使用基本是一样的。...基本是两种:第一种:直接运行脚本【运行】-【Run】,选择需要运行的脚本即可图片图片第二种:选择运行框架【文件】-【设置】-【Python Integrated Tools】-【Default test...runner】,选择默认的运行框架即可:比如选择pytest,鼠标放在类或test开头的方法上,并右键,“运行(U)pytest in xx.py”的字样图片图片写一个unittest框架的脚本,在test_a...下新建一个脚本test_u.py,脚本如下:# -*- coding:utf-8 -*-# 作者:NoamaNelson# 日期:2021/9/3 17:13# 文件名称:test_u.py# 作用:xxx...,此时我们把运行默认框架改为unittest,再次运行,发现显示的是“运行(U)unittests in xx.py”的字样图片

    1.3K30

    通用代码高亮插件(SyntaxHighlighter)

    它由jQuery,jQuery UI 和jQuery Mobile 项目使用,并可测试任何通用的 JavaScript 代码,包括其本身!...页面中引入shCore.js 和 shCore.css 核心文件。 2. 页面中引入需要代码着色对应语言的笔刷脚本文件(brush.js)。... 方式(推荐方式) 优势:使用此方式时,如果存在脚本错误,则会以常规的 解析并显示在所有RSS阅读器中。...有兴趣的朋友可以自己看下,源码包含此文件。 SyntaxHighlighter插件内容总算被扯完了,下面说说博客园中此插件的使用。...博客园 博客园内置支持SyntaxHighlighter代码着色,使用此内置着色特性需要将博客的默认编辑器改为TinyMCE(“管理”-“选项”中设置)。

    2.7K20

    SQL 中的 NULL 值:定义、测试和处理空数据,以及 SQL UPDATE 语句的使用

    SQL NULL 值 什么是 NULL 值? NULL 值是指字段没有值的情况。如果表中的字段是可选的,那么可以插入新记录或更新记录而不向该字段添加值。此时,该字段将保存为 NULL 值。...需要注意的是,NULL 值与零值或包含空格的字段不同。具有 NULL 值的字段是在记录创建期间留空的字段。 如何测试 NULL 值? 使用比较运算符(如=、)无法测试 NULL 值。...相反,我们必须使用 IS NULL 和 IS NOT NULL 运算符。...IS NOT NULL; 这是关于 SQL NULL 值的基本介绍和示例。...使用 IS NULL 和 IS NOT NULL 运算符可以有效地处理数据库中的空值情况。 SQL UPDATE 语句 UPDATE 语句用于修改表中的现有记录。

    59420

    使用 Tampermonkey 编写高级跨网站自动化任务脚本

    CodeMirror 编辑器:TM 提供了一个嵌入式脚本编辑器,支持 JSHint 语法检查,减少错误,也可使用此编辑器直接引用本地的文件。...如果值为 none,则不会执行更新检查。 @supportURL:使用者报告 issues 和个人支持的地址 @include:脚本应该运行的页面, 可以使用正则匹配。...这里要说一下,上传文件的 input 和富文本编辑器,虽然能够拿到表单选择器,但还需要真正赋值的方法,有时候需要稍微了解一下业务代码的逻辑,组装或模拟数据、事件。这些也是高级脚本的必修课。...回调函数的 remote 变量是显示此值是从另一个选项卡的实例修改的(true)还是在此脚本实例中修改的(false)。 因此,不同浏览器选项卡的脚本可以使用此功能相互通信。...可以使用此 API 实现不同浏览器 Tab 的相互通讯,当 name 指向的是一个对象的时候,并且修改这个对象中的某个属性时 不会触发监听函数。

    5.2K10
    领券