第二章回顾:
简单数据类型:字符串、数值型、布尔型、null、undefined
字符串、数值型和布尔型的联系:
当字符串为空时,布尔值为false,其余true
当数值型为0时,布尔值为false,正或负时为true
null和undefined都代表了空值
小数的计算会造成精度丢失
JQuery的作用:
常用的功能代码,简便的JS API,优化了HTML,文档操作、事件处理、动画设计和Ajax交互。
$(document).ready 让页面所有DOM资源加载完再运行
查找元素例子:
首先获取ul元素 然后查找所有的li元素
再eq 指定元素的位置 最后获取元素里的文本 test()
链式调用:
通俗一点,也就是正常的调用是一个一个输出的,
而链式调用是运算完后return出来,一次性输出一串元素
创造新的元素:
双引号内套单引号才能识别
或是在里边双引号的左侧加表示转义
append和appendTo 先识别并提取元素再追加
insertAfter() 把匹配的元素插入另一个指定元素的后面
insertbefore() 同上,但是是前面
prepend() 向匹配元素集合中的每个元素开头插入指定内容
prependTo() 向目标开头插入匹配元素集合中的每个元素
删除、隐藏及显示:
$('#a1').remove();
$('#a1').hide();
$('#a1').show();
jQ对属性进行操作:
获取:var id = $('#a1').attr('id')
设置:如果给元素设置多个属性,要给attr传入JS对象,对象里面是键值对的集合,
每个键值对格式为key:value,中间要用逗号隔开
例子:$('#a1').attr({'name':'spanDom','title':'a1'})
删除:$('#a1').removeAttr('name');
用JQ设置和获取HTML、文本和值:
先<div id='list'></div>
添加html:$('#a1').html("<table>"+"</table>");
添加文本:$('#a1').text("文字内容");
获取参数:$('input:eq(0)').val());
设置默认:$('input:eq(0)').val('model1'));
multiple:设置为多选下拉框
JQ遍历节点的操作:
获取ul元素中的5个孩子节点:var lis = $("#menu").children();
寻找对后一个lis元素中的span:var span = lis.last().find("span");
调用父节点:var ul = li1.parent();
调用上一个节点:var lis2 = node.prev();
调用下一个节点:var lis2 = node.next();
调用同一级别的所有兄弟元素:var node = $("#node");
(node.sibiling())
Comments NOTHING