前端基础小结，jQuery基础小结

jQuery

1.找到标签
直接寻找

id寻找

class寻找
样式选择器
class="c1"
$(".c1")


标签选择器
class="h1"
$("h1")

层级选择器
$(".c1  .c2  a")

多个选择器
$("#c3,#c2,li")

属性选择器
$("input[name='n1']"

间接寻找

找到兄弟

$("#c1").prev()
$("#c1")
$("#c1")..next()
$("#c1")..next().next()

$("#c1").siblings()   所有的系统

找父子

<div>
	<div id="c1">
	北京
		<div class='p10'>
		宝山区
		</div>
	</div>
</div>

$("#c1").parent()    
$("#c1").parent().parent()

2.操作标签

addClass
removeClass
hasClass

值的操作
$("#c1").text()
$("#c1").text("休息")

获取用户输入
$("#c2").val()
$("#c1").val("韩寒")

事件

$("li").click(function(){
});

在jQuery；中可以进行删除某个标签操作
$("li").click(function(){
$("this").remove();
});


当页面加载完成后执行的代码

当页面框架加载完执行
$(function(){
});

表格 的操作

//找到标签
$(".delete").click(function(){
	//删除当前行数据
	$(this).parent().parent().remove();
});

案例：添加数据页面

用户名
密码
邮箱
电话号码
地址
时间日期
......

时间日期选择框
下载插件，应用插件

总结

1.了解HTML标签，标签结构，基于他可以实现简单的页面
2.CSS了解基本样式；能在别人的基本样式中修改
3.JavaScript、jQuery（类似于JS的第三方库），了解基本使用
	·事件绑定、寻找标签、操作标签
	·导入现成插件

后续页面开发中，就是对Bootstrap（完成的css样式）的基础整改

来自银角大王-武沛齐