Web前端开发初级模拟测试（六）

以下标签书写正确的是( )

A<p/>
B<br/>
C<hr/>
D<img/>

下列选项中属于jQuery属性选择器的是（正确答案：A C ）

A$("img[src$='.gif ']")
B$("img")
C$("[class][title]")
D$("div>span")

jQuery的基本选择器
符号	说明	用法
$("#demo":)	选择id为demo的第一个元素	$("#demo").css("background","red")
$(".liItem")	选择所有类名(样式名)为liTtem的元素	$(".liItem").css("background","red")
$("div1")	选择所有标签名字为div的元素	$(".div").css("background","red")
$("*")	选择所有元素(少用或配合其他选择器来使用)	$("*").css("background","red")
$(".liItem,div")	选择多个指定的元素,这个地方是选择出了.liItem元素和div元素	$(".liItem,div").css("background","red")

2.层级选择器

层级选择器
符号	说明	用法
空格	后代选择器选择所有的后代元素	$("div span").css("background","red")
>	子代选择器选择所有的子代元素	$("div>span").css("background","red")
+	紧邻选择器选择紧挨着的下一个元素	$("div+span").css("background","red")
~	兄弟选择器选择后面的所有的兄弟元素	$("div~span").css("background","red")

4.属性选择器

符号	说明
$("a[href]")	选择所有包含href属性的元素
$("a[href='luffy']")	选择href属性值为luffy的所有a标签
$("a[href!='baidu']")	选择href属性不等于baidu的所有元素(包括没有href的元素)
$("a[href^='web']")	选择所有以web开头的元素
$("a[href$='cn']")	选择所有以cn结尾的元素
$("a[href*='i']")	选择所有包含i这个字符的元素,可以是中英文
$("a[href][title]='我']")	选择所有符号指定属性规则的元素,都符合才会被选中

令人欣慰。

* {

margin: 0;

padding: 0;

font-family: "宋体";

font-size: 35px;

}

animation-duration: 1s;

动画持续时间

@keyframes fadeIn {

from {opacity: 0;}

to {opacity: 1;}

}

color: #ffffff;字体颜色

top: 16%; /* 顶部边距 */

href="css/style.css">

/* （4）（5）（6）（7）设置li边框为圆角15px，文字对齐方式为居中。 */

border-radius:15px ;

text-align:center ;

/* （8）此处设置图片的过渡效果为0.8秒 */

transition : .8s;

/* （12）（13）用CSS3的实现鼠标经过图片旋转360度，放大1.3倍，离开再旋转还原。 */

transform:rotate(360deg) scale(1.3);

/*（1）固定定位*/

position:fixed;

/*（4）（5）实现flex布局，主轴对齐方式是两端对齐，项目之间的间隔都相等。*/

display: flex ;

justify-content: space-between ;

//被点击a的上一个div元素样式设置为block，其余项目的div的隐藏。

$(this).prev().stop().css("display", "block").parent().siblings().children(".layout-submenu").stop().css("display", "none");

//（5）通过标签名获取元素

var form = document.getElementsByTagName("form")[0];

//（6）表单提交

form.onsubmit= function () {

// （10）密码框失去焦点的时候

pwd.onblur= function () {

//（1）（2）被点击的h2的next的div下拉展开，其余的li内部的div上拉收起，时间800毫秒。

$(this).next().stop().slideDown(800).parents("li").siblings().find("div").stop(). slideUp(800);

Web前端开发初级模拟测试（六）相关推荐

1+x 证书 Web 前端开发初级理论考试（试卷6 ）
Web前端开发初级模拟测试卷(六) 获取更多资料请加入官方QQ群共55道题总分:200分形考总分:0分一.单选题共30题,60分 1.阅读下面的JavaScript代码,输出结果是() B ...
webform计算某几列结果_1+x 证书 Web 前端开发初级实操考试（试卷5 ）
本文编写于 439 天前,最后修改于 366 天前,其中某些信息可能已经过时. Web前端开发初级模拟测试卷(五) PDF版点击查看共55道题总分:200分一.单选题共30题,60分 1.在弹性 ...
下面关于html的描述正确的一项是,1 x 证书 Web 前端开发初级理论考试试卷五（2）...
1+x 证书 web 前端开发初级对应课程分析 http://blog.zh66.club/index.php/archives/194/ 1+X 证书 Web 前端开发中级对应课程分析 http:/ ...
2019年下半年1+X 证书 Web 前端开发初级理论考试题目原题+答案(超详细分析)
2019年下半年1+X 证书 Web 前端开发初级理论考试题
响应国家号召 1+X 证书 Web 前端开发考试模拟题
1+x证书Web前端开发初级理论考试样题2019 http://blog.zh66.club/index.php/archives/149/ 1+x证书Web前端开发初级实操考试样题2019 http ...
Web前端开发技术期末测试及解析一
一.选择题(每题 1 分,共 20 分) HTML 指的是( ). (A)超链接的文本标记语言 (B)超文本标识语言 (C)家庭工具标记语言 (D)以上都不是 [答案]B 下列能够实现美化页面的语言是 ...
1+X Web前端开发初级考试模拟试题（一）
单选题这题就很基础了不用解释说明了吧~ 解析:行元素:不独占一行,多个元素在一起,他们水平排列,对宽高,上下边距不生效解析:隐藏元素:display:none, visibility:hidde ...
1+x web前端开发初级理论答案+解析（一）
目录一.单选题(每小题2分,共30小题,共60分) 二.多选题(每小题2分,共15小题,共30分) 三.判断题(每小题2分,共5小题,共10分.在每小题后对应括号内填入判断结果,正确的选项填写&qu ...
某电商类网站服装商品展示页面局部(1+X Web前端开发初级例题)
文章目录

Web前端开发初级模拟测试（六）

Web前端开发初级模拟测试（六）相关推荐

最新文章

热门文章