js/jQuery/vue练习

2023-10-27

  1. 把页面中的所有P元素的背景色设置为红色的正确query代码是( D )
    A.$(“p”).manipulate(“background-color”,”red”)
    B. $(“p”).layout(“background-color”,”red”)
    C. $(“p”).style(“background-color”,”red”)
    D. $(“p”).css(“background-color”,”red”)

2、以下哪个jquery方法用于隐藏被选元素? B
A. hidden()
B. hide()
C. display(none)
D. visible(false)

解析:visible(false),设置元素不可见,除了hide()

  1. 以下哪种jquery函数用于设置被选元素的一个或多个样式属性?( C )
    A.style()
    B. html()
    C. css()
    D. text()
    解析:A,没有该方法。
    4.将所有div的高度设置为100像素的正确jquery代码是( B )
    A. $(“div”).height=”100”
    B. $(“div”).height(100)
    C. $(“div”).yPos(100)
    D. $(“div”).width(100)

5 下面哪一个是用来追加到指定元素的末尾的?( C )
A、insertAfter() B、append() C、appendTo() D、after()

解析:$(selector选择器).append(content)。
content.appendTo(selctor选择器);content一般是需要添加的元素标签

  1. 以下哪个不是jquery的函数( D )
    A. each() B.size() C. length D.onclick()

  2. 在jquery中想要找到某元素的同辈元素,下面哪一个是可以实现的?( C )
    A、eq(index) B、find(expr) C、siblings([expr]) D、next()

  3. 如果想要找到一个表格的指定行数的元素,用下面哪个方法可以快速找到指定元素? C
    A、text() B、get() C、eq() D、contents( )

  4. 在jquey中,如果想要从DOM中删除所有匹配的元素,下面哪一个是正确的?( C )
    A、delete() B、empty() C 、remove() D、removeAll()

解析:JQuery没有removeAll()方法

  1. 在jquery中,想要给第一个指定的元素添加样式,下面哪一个是正确的? ( D )
    A、first B、eq(1) C、css(name) D、css(name,value)

  2. 在jquery中,如果想要获取当前窗口的宽度值,下面哪个是实现该功能的? ( A)
    A、width() B、width(val) C、width D、innerWidth()

  3. 怎么才能隐藏下面的元素? C
    <input id=”id_txt” name=”txt” type=”text”value=””/>
    A. $(“id_txt”).hide();
    B. $(#id_txt).remove();
    C. $(“#id_txt”).hide();
    D. $(“#id_txt”).remove();

  4. 在jQuery中      AB
    $( ‘#hello’ ).css ( “color”,"#f0000" )
    $( ‘#hello’ ).css ( “color”" )
    分别表示的含义是:
    A. $(‘#hello’).css(“color”,#0000)表示选择id为hello 的元素,并设置颜色为"f0000"
    B. $( ‘#hello’ ).css ( “color”" )表示选择id为hello 的元素,并且取到该元素的颜色
    C. $(‘#hello’ )css(“color”“f0000”)表示选择CSS类为hello的元素,并且取到该元素字体显示的颜色
    D. $(‘hello’)css(“color”)表示选择CSS类为hello 的元素,并且取到该元素字休显示的颜色

  5. 在jquery中,选中class值为myClass的所有元素,正确的是( A )
    A、$(".myClass") B. 、$("#myClass") C、${*} D、${‘body’}

  6. 以下()选项不能够正确地得到这个标签对象?B
    <input id=“btnGo” type=”button” value=”点击”class=”btn”>
    A.$(“#btnGo”)
    B.$(“.btnGo”)
    C.$(“.btn”)
    D.$(“input[type=’button’]”)

16.在jQuery中想要找到所有元素的同辈元素,下面哪一个是可以实现的( B )
A nextAll([expr])
B siblings([expr])
C next()
D find([expr])

填空题

  1. 在一个表单中,如果将所有的div元素都设置为绿色,jquery的代码实现是___$(“div”).css(“color”,“green”);____

  2. 在<ul>元素中,添加了多个<li>元素,通过jquery选择器获取最后一个<li>元素的代码实现是 : $(“ul li”).eq($(“ul li”).length-1);或

  3. 在三个<ul>元素中,分别添加多个<li>元素,通过jQuery中的子元素选择器,将这三个<ul>元素中的第一个<li>元素隐藏的代码是: $(“ul li : first-child”).hide()_

  4. 在jquery中,想让一个元素隐藏,用方法 hide() 实现,显示隐藏的元素用方法 show() 实现

  5. 现有一个表格,如果想要匹配偶数的行,用选择器_even实现,奇数的行用选择器odd___实现

  6. jquery访问对象的size()方法的返回值和 jQuery对象的length 属性一样

  7. jquery中 $(this).get(0) 的写法和 $(this)[0]是等价的。

简答
1.vue引入方式

<script src= "url" style="text/javascript" charset="utf-8">

2.什么是MVVM框架

MVVM是Model-View-ViewModel的简写,模型-视图-视图模型。
【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心,它是连接view和model的桥梁。它有两个方向:一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。实现的方式是:DOM 事件监听。这两个方向都实现的,我们称之为数据的双向绑定。
总结:在MVVM的框架下视图和模型是不能直接通信的。它们通过ViewModel来通信,ViewModel通常要实现一个observer观察者,当数据发生变化,ViewModel能够监听到数据的这种变化,然后通知到对应的视图做自动更新,而当用户操作视图,ViewModel也能监听到视图的变化,然后通知数据做改动,这实际上就实现了数据的双向绑定。并且MVVM中的View 和 ViewModel可以互相通信。

3.什么双向绑定?怎么实现?

双向绑定:通过指令v-model,修改一方同时修改相同的另一方,达到数据同时更新。主要用于在表单控件元素上创建双向的数据绑定,根据表单上的值,自动更新绑定的元素的值

4.vue常用指令及其作用

vue 指令:是带有" v- "前缀的特殊属性。
指令用于在表达式的值改变时,将某些行为应用在DOM上

1.v-text(展示文字)
2.v-html(显示HTML内容)
3.v-if判断。判断条件写在属性值里
4.v-else 除了 v-if中的条件执行的都是v-else文本。
v-else 和v-else -if 需要和v-if结合使用
v-if满足条件把内容加载进DOM

5.v-show 控制显不显示
根据表达式的真假值,切换元素的 display CSS property。
6.v-for 循环遍历;
一个参数:得到的是数组中的元素/对象的属性值

v-for="遍历出来的数 in 集合/数组/对象"
<li v-for="hobby in hobbys">{{hobby}}</li>
<li v-for="p in person">{{p}}</li>
<!-- 遍历出来的每个对象的值 -->

两个参数:
遍历数组时:第一个是数组的元素,第二个数组下标 (数组元素,下标)
遍历对象时:第一个参数是属性值,第二个参数是属性名 (对象属性值,对象属性名)

对于三个参数的一般用于遍历对象的
三个参数:多用于遍历对象,(属性值,属性名,下标)
{{i}}.{{k}}:{v}
{{i}}:当前属性在对象中的位置,
{{k}}属性名
{{v}}:对象属性值

<li v-for="(v,k,i) in person">{{i}}.{{k}}:{v}</li>

7.v-bind 属性绑定(可简写为:冒号)
当属性的值是变量而不是字符串时,通过v-bind进行表示,vue会自动处理
<a v-bind:href="url">百度一下</a> <a :href="url">百度一下</a><!-- 简写形式 -->

8.v-on(事件绑定(可简写成@))

 <!-- 单击事件click,方法名自定义-->
 <button v-on:click="click()">单击</button>
 <button @click="click()">单击</button>
<button v-on:dblclick="click()">双击</button>
<button @dblclick="click()">双击</button>`

5.js怎么获取元素对象?jq怎么获取?vue怎么获取?

js:
document.getElementById(“Id属性值”);返回单个元素对象
document.getElementsByClassName(“Class属性值”);返回对象数组
document.getElementsByName(“name属性值”);返回对象数组
document.getElemetnByTagName(“标签名”);通过标签名获取,返回对昂数组

jq:
(1)基本选择器
$("#id属性值");通过id选择器获取
$(".class属性值");通过class类选择器
$(“标签名”);通过元素选择器
$(“标签名, 标签名,……”);多元素选择器,多个元素用逗号隔开
$("*");任意元素选择器

(2)层级选择器
$(“标签名 子标签名”);
$(“id选择器 子标签名”);
$(“选择器+子标签名”)
$(“选择器”).next();选中被选元素的下一个紧邻的兄弟元素.
$(“选择器”).nextAll()后面所有元素

$(“div span”) – 选中所有div内部的所有span元素
$("#one span") – 选中id为one的元素内部的所有span元素
$("#two+span") – 选中id为two的元素后面紧邻的span兄弟元素
$("#two").next(“span”) – 选中id为two的元素后面紧邻的span兄弟元素
$("#two").prev(“span”) – 选中id为two的元素前面紧邻的span兄弟元素
$("#two~span") – 选中id为two的元素后面所有的span兄弟元素
$("#two").nextAll(“span”) – 选中id为two的元素后面所有的span兄弟元素
$("#two").prevAll(“span”) – 选中id为two的元素前面所有的span兄弟元素
$("#two").siblings(“span”) – 选中id为two的元素前、后所有的span兄弟元素

(3)过滤选择器
$(“selector:first”);获取被选中元素中的第一个元素
$(“selector:eq(index)”);获取被选中元素中的指定下标的元素
$(“selector”).eq(index);eq(index)是一个方法,可以单独拿出来
$(“selector”).eq(n);选中被选元素的第n+1个元素(n从零开始) :

(4)表单选择器
可以获取 输入框 input,文本域(textarea)、下拉列表select、单选框(radio)、复选框(checkbox)
$(":input") 匹配所有控件
$(":password") 匹配所有密码框
$(":radio") 匹配所有单选
$(":checkbox") 匹配所有多选
$(":checked") 匹配所有选中的单选多选和下拉选
$(“input:checked”) 匹配所有选中的单选和多选
$(":selected") 匹配所有选中的下拉选

(5)属性选择器

$("div[属性名]")  匹配包含xxx属性的div
$("div[属性名='值']") 匹配某个属性名等于某个值的div
$("div[属性名!='值']") 匹配某个属性名不等于某个值的div

6.关系型数据库和非关系型数据库的区别?

  • (二者存储数据的方式不同)
  • 关系型数据库(线性数据库): Oracle、MySQL、SQLServer、Access
  • 非关系型数据库(非线性数据库,相当于集合,散列结构): MongoDB、Redis、Solr、ElasticSearch、Hive、HBase

编程题
1.自选3张图片,使用jquery完成轮播图。
2.使用jQuery完成省市区三级联动
3.数据库课上练习自己写一遍

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

js/jQuery/vue练习 的相关文章

  • Jquery 和 Django 多个复选框

    我是 jquery 的初学者 所以请耐心等待 我有一个 jquery 函数 允许我选择多个复选框并创建一个字符串 如下所示 function getSelectedVals var tmp input name checks each fu
  • 如何居中对齐数据表标题

    我是数据表新手 当我制作表格标题时 它总是左对齐 如何将标题设置为居中对齐 我已阅读 datatables net manual styling classes 和 datatables net reference option colum
  • 我可以通过什么方式混合 jQuery 和 vanilla JavaScript

    我有一个用普通 JavaScript 编写的 Web 应用程序 我想用 jQuery 动画来增强它 并使用我在各种 jQuery 插件中找到的一些功能 例如上传 http www uploadify com 可以通过什么方式将 jQuery
  • 在节点环境中存根 jQuery.ajax (jQuery 2.x)

    我正在尝试运行一些需要存根的测试jQuery ajax 我正在使用 SinonJS 来做到这一点 它曾经与旧版本的 jQuery 1 x 一起工作得很好 var require jquery var sinon require sinon
  • 有没有办法动态更改 jqGrid 的单元格值?

    这个问题可能已经被问过很多次了 但我想知道是否可以动态更改 jqgrid 的单元格值 我基本上有一个网格 它通过 JSON 字符串加载数据 在特定列的某些行上 该值可能为 null 因此 预先知道哪个行 ID 是一个问题 然后能够将 nul
  • 在问题内显示内联块文本

    我一直在尝试显示内联块 如果我没有在 div 中添加任何内容 一切都会很好 但是当我这样做时 div 会折叠起来 我不知道确切的原因 任何想法 https jsfiddle net giancorzo ebqoptbd https jsfi
  • jquery悬停一次?

    jquery 使悬停函数执行一次然后停止的方法是什么 one 不起作用 button color 2 hover function dosmth 谢谢 Hover http api jquery com hover 绑定处理程序鼠标输入 h
  • jquery 聚焦/聚焦

    我想要的是将 active 类添加到输入焦点上的输入 当焦点关闭时 删除该类 Thank s 一旦你包含了 jquery 库 它就非常标准了 input focus function this addClass active input b
  • jQuery 日期格式

    如何使用 jQuery 设置日期格式 我正在使用下面的代码但出现错误 txtDate val format date new Date dd M yy 请提出解决方案 在您的页面中添加 jquery ui 插件 txtDate val da
  • Bootstrap 响应式表格在 iOS 设备上无法垂直滚动

    这就是我所拥有的 div class table responsive table class table style background transparent table div 我正在使用以下 bootstrap css 文件 ht
  • Chrome 版 Firebug Lite 会破坏悬停效果和鼠标悬停事件

    我有一个奇怪的问题 使用时适用于 Chrome 的 Firebug Lite https chrome google com webstore detail firebug lite for google c bmagokdooijbeeh
  • 如何显示接下来的三个图像单击加载更多按钮

    我需要一个加载更多按钮来显示图像 页面加载时 我显示 3 个图像 单击 加载更多 按钮后 接下来的 3 个图像将显示在屏幕上 我尝试了下面的代码 但它不起作用 你能帮我解决这个问题吗 function item slice 0 2 show
  • Bootstrap 4 移动导航栏消失

    我刚刚从 Bootstrap 3 转换为 Bootstrap 4 但我的移动导航栏出现问题 使用切换按钮展开导航栏时 导航消失 我不明白为什么会发生这种情况 导航栏下方有一个大屏幕 但整个移动导航向上移动 如下面的 gif 所示 以下是导航
  • 全高全宽 CSS 布局

    我正在寻找一种方法来创建具有 5 个区域的纯 CSS 无 JavaScript 布局 如下所示 H A B C F
  • 如何从 html 页面 [javascript] 调用 Web 服务方法而不刷新页面

    我有一个webservice这将返回一个值 我的要求是 我需要调用它webservice从一个index html页面 该页面有一个 html 提交按钮 在该按钮上单击我正在呼叫JavaScript 从那里我想调用网络方法 我怎样才能做到这
  • 禁用复选框上的输入

    需要在取消选中该复选框时禁用输入 并在选中该复选框时启用它 我的代码是这样的 div class y div
  • WordPress 子主题包括包含文件

    我在一家WordPress使用 AMPPS 作为本地主机在我的本地计算机上进行设置 使用 Delta 主题 我创建了一个子主题 delta2 child 初始设置效果很好 但是 我需要更改包含文件夹中名为 home slider php 的
  • javascript - 如何获取对象名称或关联数组索引名称?

    我有一个像这样的 JSON 对象 var list name1 element1 value1 name2 element1 value2 如何提取所有 nameX 字符串值 例如 假设我想将它们连接在一个字符串中输出 例如 name1 n
  • Flexbox 项目的完美圆形边框半径[重复]

    这个问题在这里已经有答案了 我有类似这样的项目 它们是弹性盒容器内的弹性项目 我的正常尺寸物品 我的物品被挤压 我的 CSS 看起来像这样 body display flex flex direction column align item
  • Cycle2 初始化事件未触发

    我使用 Cycle2 作为基本的轮播 我的幻灯片项目有时在其数据中包含一个 url 因此我必须使用 Cycle2 api 事件来使用该 url 当它存在时 我的问题是 虽然 cycle after 事件触发正常 但初始化事件都不会触发 因此

随机推荐

  • jQuery 入门教程(21): jQuery UI 示例

    上篇介绍了使用jQuery UI基本工作过程 后面就逐个介绍jQuery UI库内置的UI组件 支持的拖放 动画效果等 如果你之前看过Yii Framework教程 PHP Yii Framework封装了jQuery UI组件 有兴趣的可
  • SqlServer 存储过程(生成订单)

    当在 SQL Server 中处理订单时 使用存储过程可以提供更高效和可维护的解决方案 存储过程是一组预编译的 SQL 语句 可以在数据库中执行 并且可以通过参数进行自定义 通过使用存储过程 可以将常见的业务逻辑封装起来 以便在需要时进行重
  • error while loading shared libraries: ../../lib/libopencv_core.so

    error while loading shared libraries lib libopencv core so 原文 http blog chinaunix net uid 27134408 id 5122776 html 最近做Op
  • SonarQube - org.sonar.process.MessageException: Unsupported JDBC driver provider: mysql

    使用docker安装最新的SonarQube 启动SonarQube报错 Exception in thread main org sonar process MessageException Unsupported JDBC driver
  • [shell编程]、()、(())、[]、[[]]的区别

    默认的变量类型是字符串 所以 str1 str2 就是一串字符串 我们想要判断它们是否相等必须使用中括号 str1 str2 1 中括号 表示条件测试 注意这里的空格很重要 要注意在 后面和 前面都必须要有空格 常用判断 d FILE 如果
  • 企业为什么要融资和上市

    这里面涉及到两个概念 即融资和上市 让我们先来理理这两者之间的逻辑辩证关系 其实根据我们的观察和调研发现 目前市场上许多人对上市这件事有着十分魔性的认知 小A觉得上市前融资轮次越多越好 小B认为上市后就是为了圈钱 小C觉得IPO的速度越快越
  • ISP之DPC(坏点校正)模块

    DPC Defective Photosites Correction即坏点校正 一 DPC的意义 图像传感器上由于自身工艺技术造成的瑕疵 如光线采集的点存在缺陷 导致在光电转换过程中某些像素值不准确 我们称之为坏点 Defect Pixe
  • 星环科技线上技术分享课“星课堂”开播,快来一探究竟

    星课堂 深度解读系列上线啦 4 9月 10期线上课带你深度了解星环科技2021全系列新品细节 关于星环科技 星环科技致力于打造 云计算 大数据 数据库 人工智能 的基础平台产品 领航基础软件新纪元 经过多年自主研发 星环科技建立了多个产品系
  • Mysql事务隔离机制

    SQL隔离机制 所谓隔离机制 指的是读与写之间的隔离 指的是在多事务并行的时候 A事务的读与B事务的写之间的隔离 也就是说B事务的写对A事务的可见性 多事务并发运行的时候 同时读写一个数据 可能会出现脏写 脏读 不可重复读 幻读几个问题 脏
  • 业务系统从阿里云物联网平台获取设备数据的3种方案——实践类

    在企业IoT业务场景中 往往需要将设备上报到IoT物联网平台的数据进行加工处理 存储到数据库中 以便供业务系统使用 物联网平台提供了3种获取数据的方式 通过阿里云POP API获取设备数据 通过HTTP 2服务端订阅取设备数据 通过规则引擎
  • iframe框架标签(内嵌窗口)iframe和a标签的联合使用

    iframe框架 内嵌窗口 标题描述 iframe标签它可以在一个html页面上 打开一个小窗口 去加载一个单独的页面 iframe和a标签的联合使用的步骤 1 在iframe标签中使用name属性定义一个名称 2 在a标签的target属
  • C++实现集群聊天服务器

    写在前面 所有代码加起来两千行 里面用到了语言 数据结构 计网 操作系统 数据库 redis等知识 可谓是麻雀虽小五脏俱全 1 项目需求 客户端新用户注册 客户端用户登录 添加好友和添加群组 好友聊天 群组聊天 离线消息 nginx配置tc
  • ie11兼容方案(ant-design-vue在ie打开,系统白屏不报错)

    问题1 整个系统白屏 但不报错 原因 1 没有做路由懒加载 不做懒加载的话 默认是全部加载在首屏 ie浏览器性能差直接卡死 2 ie无法识别一些es6 的api Babel默认只转换新的js语法 如箭头函数 而不转换新的API 比如 Ite
  • jeesite前端页面与后台业务逻辑数据交互

    Key Word jsp controller json model parameter request response result param ajax data success http 1 jsp中提交请求的方式有哪些 get p
  • 【STM32学习】——定时器输出比较功能&PWM脉宽调制&通用/高级定时器输出比较通道&舵机/直流电机简介&PWM驱动呼吸灯/舵机/直流电机代码实操

    文章目录 前言 一 输出比较简介 二 PWM波形 三 输出比较通道 1 通用定时器 2 高级定时器 三 外设简介 1 舵机 2 直流电机 四 实操案例 1 PWM驱动LED呼吸灯 2 PWM驱动舵机 3 PWM驱动直流电机 总结 声明 学习
  • DAC MCP4725 i2c 驱动(linux)

    mcp4725是一款低功耗 高精度 单通道 拥有EEPROM的12位的dac 由于最近项目中使用到了该芯片所以贴出来给大家参考 步进电机电机芯片半流锁定 本贴呢非项目中使用的平台 主要是想在linux 下实现对该器件的使用 实现一个简单的i
  • nmealib linux编译,nmealib的使用可以缩短GPS的开发周期

    程序员Tim 提供了一个非常完善的NMEA解码库 直接使用该解码库 可以避免重复发明轮子的工作 在野火提供的GPS模块资料的 NMEA0183解码库源码 文件夹中也包含了该解码库的源码 野火提供的STM32程序就是使用该库来解码NMEA语句
  • MySQL函数

    文章目录 MySQL中的函数 1 字符串函数 2 数值函数 3 日期函数 4 流程函数 MySQL中的函数 函数 是指一段可以直接被另一段程序调用的程序或代码 也就意味着 这一段程序或代码在MySQL中已经给我们提供了 我们要做的就是在合适
  • STM32之如何封装自己的lib库

    似乎stm32刚开始出来的时候就是用的l ib库 后来就开源了 网上看了一些网友做的lib库 自己也弄了一下 其实也挺简单 以下封装lib库都是基于stm32的3 0固件库 1 打开一个工程 将除固件库以外的其他文件删掉 如下 2 在opt
  • js/jQuery/vue练习

    把页面中的所有P元素的背景色设置为红色的正确query代码是 D A p manipulate background color red B p layout background color red C p style backgroun