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