JQuery 基础:
概念: 一个JavaScript框架。简化JS开发
JavaScript框架:本质上就是一些js文件,封装了js的原生代码而已
* jquery-xxx.js 与 jquery-xxx.min.js区别:
1. jquery-xxx.js:开发版本。有良好的缩进和注释。体积大一些
2. jquery-xxx.min.js:生产版本。没有缩进。体积小一些。程序加载更快
JQuery对象和JS对象区别与转换:
1. JQuery对象在操作时,更加方便。
2. JQuery对象和js对象方法不通用的.
3. 两者相互转换
* jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
* js -- > jq : $(js对象)
!!!!!不管Js还是jq方式获取到的元素数组,取出里面的任意一个元素都是js对象
选择器:筛选具有相似特征的元素(标签)
1. 事件绑定
//1.获取b1按钮
$("#b1").click(function(){
alert("abc");
});
2. 入口函数
$(function () {
});
window.onload 和 $(function) 区别:
window.onload 只能定义一次,如果定义多次,后边的会将前边的覆盖掉
$(function)可以定义多次的。
3. 样式控制:css方法
$("#div1").css("background-color","red");
$("#div1").css("backgroundColor","pink");
//可以按住ctrl键,鼠标放置backgroundColor上,显示“小手”表示书写正确***
|
|