黑马程序员--学习6
avascript 的封装库 jquery
jquery就是一堆javascript的函数
最火的javascript的函数库
链式编程就是函数。函数。函数。
隐式迭代
$ 转化为jquery的对象
dom对象要想通过 通过jquery进行操作就必须要用jquery包装一下
$(对象)是把普通的对象转化为jquery对象
onload只能注册一次(window.onload)
$(dom)对象
都没对象也可以转化为jquery对象
用匿名函数比较多 就是直接调用function(),没有函数名
$.map(array,function(参数))是表示数组中的每个元素进行fn进行处理,再返回一个新的数组
$.each(array,function(key,value))是表示数组中的每个元素进行fn进行处理,没有返回值
其实数组可以看成是以序号为key 以里面的值为value的一个dictionary
一般写一个参数就是表示key
写一个就表示是他的值(this 表示的是当期的value)
.html 查看这一层的html对象
#id查看id等于哪一个对应的层
jquery 修改样式表$("#div1").css("background","red")
获得样式表$("#div1").css("background")
选择器 空格不可以随便添加的
可以监听事件
$function(){
$("p").cick(function(){alert("你好");})
}
<p>22</p>
<p>33</p>
<p>44</p>
结果就是点击22 33 44可以弹出一个你好的对话框
可以为多个控件设置class类名字,就像为他们设置id一样,不同的是class可以设置多个控件 eg class=“warning”
上面就可以统一控制class的样式和函数动作等
上面写函数就是$(.warning).click(function(){alert(“这是警告信息!”);})
层次选择器
$("div li")获取div下的所有的li元素
$(“div>li”)获取div下的直接的li元素
只要是隔着一个标签的就不是直接的元素
<td><tr><td>两个td就不是直接的元素
$(“div:first”)选取第一个div
$(“div:last”)选取最后一个div
$
:even 选取基数 :odd选取偶数
next(“?”)选择器 选择挨着的?的元素进行操作
nextAll()
#代表后面跟的是ID的名称
判断字符串是不是#开头 if(str.substring(0,1)=="#")
jQuery 使用 sizzle引擎,支持css选取,Xpath选取等方式。
$("p") 选取全部 <p> 元素。
$("p.intro") 选取所有包含class为"intro"的 <p> 元素。
$("p#demo") 选取 id为"demo" 的 <p> 元素。
$("[href]") 选取所有带有 href 属性的元素。
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。
$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。
$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。
第0行开始计算
<li></li>输出文字前面加一个点
放在ul标签中
这些都是属性过滤器
$("#table1 tr:gt(0):lt(2)").css("color","red");层次过滤 是将序号大于0小于2行的给过滤出来
$("div【条件】")过滤出来相应的div
表单对象选择器
$(”input:checked“)表示选中了radio checkbox
$(”select:selected“)选取所有选中的选项元素 (下拉列表)
arr.jion(",")数组输出用逗号拼接
86是代表中国。
852呢就代表 香港
886 代表台湾。
你不加86也可以发给对方的只有你在中国。
如果你发短信到国外前面就必须要加00.
80端口是为HTTP(HyperText Transport Protocol)即超文本传输协议开放的,浏览网页服务默认的端口号都是80
append() 动态在元素后面来添加元素
动态创建是手写空间 静态是笔记拖动控件来完成的
remove()删除选择的节点
清空ul中的项 (是移除了 没有删除,有返回值的)
$("ul li.texteitem").remve()表示删除ul下li中有texteitem样式的元素
.什么什么 表示是class的
<select >
</select> 下拉列表框
为该下拉列表框添加元素item用<option >修改</option>标签
<div style ="float :left " >控制层的位置用float
jquery 里面的取value的值是用.val()方法,是方法不是属性
<textarea>写入多行的text文本</textarea>
注意 要用.attr("disabled",true)来设置取得jquery没有封装的属性。
eg:$("#btn").attr("disabled",true);(表示是使btn控件失去工作能力)
来设置jquery中没有封装的是否可见disable的属性。
关于页面中的计时模块
var leftsecond = 10;//定义一个初始时间
var intervalId;
intervalId = setInterval("countdwn()",1000);
clearInterval(intervalId);//清除时间
leftsecond--;