jQuery基础操作有哪些
这篇文章给大家分享的是有关jQuery基础操作有哪些的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
站在用户的角度思考问题，与客户深入沟通，找到建华网站设计与建华网站推广的解决方案，凭借多年的经验，让设计与互联网技术结合，创造个性化、用户体验好的作品，建站类型包括：成都做网站、网站建设、企业官网、英文网站、手机端网站、网站推广、域名注册、网页空间、企业邮箱。业务覆盖建华地区。
1.选择器
1.1.id选择器
$('#id')1.2.class选择器
$('.cl')1.3.标签选择器
$('div')1.4组合选择器
1
2
3
$('#i1,.c1,a ') #i1和.c1和a的所有标签
1.5.层级选择器
1
2
3
$('#i1 .c1 a ') #i1下的.c1下的所有a标签(包括子孙后代)
$('#i1.c1>a ') #i1下的.c1下的所有a标签(只有儿子代)
1.6.基本
:first $('#i1 .c1 a:first') #i1下的.c1下的第一个a标签
:last $('#i1 .c1 a:last') #i1下的.c1下的最后一个a标签
:eq() $('#i1 .c1 a:eq(1)') #i1下的.c1下的最后一个a标签1.7.属性
$('[name]') 具有name属性的所有标签
$('[name="user"]') name属性等于user的标签1.8.筛选器
$('i1').next() #下一个
$('i1').prev() #上一个
$('i1').parent() #父标签
$('i1').children()#子标签
$('i1').siblings()#兄弟标签
2.操作实例
| 选项 |
IP |
PORT |
|
1.1.1.1 |
80 |
|
1.1.1.2 |
80 |
|
1.1.1.3 |
80 |
|
1.1.1.4 |
80 |
|
1.1.1.5 |
80 |
3.左侧菜单展开实例
Title
.left_menu{
height: 140px;
width: 200px;
border: 1px dashed #000000;
}
.item .head{
background-color: #000000;
color: antiquewhite;
}
.item .content{
min-height:80px;
}
.hide{
display: none;
}
标题一
