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

1.

<A href="mailto:zhangming@aptech.com">发送邮件</A>

 

2.

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

• 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);