JavaScript从入门到精通第二版 .pdf
高级应用总结
十五、页面打印
十六、使用cookie
- cookie读取删除
document.cookie读取。删除是设置cookie的expire为一个过去的时间。
十七、图像处理
十八、浏览器检测
十九、嵌入式对象
须安装 jvm
获取 javaapplet来设置属性或调用某个方法
flash已经退出历史舞台了。
二十、js中的xml
二一、js安全
二二、ajax
二三、jQuery
- 下载
https://jquery.com/download/ - 配置
// - jquery插件
可以在官方网站上查看Plugins菜单 - jquery选择器
jquery中,无论使用哪种类型的选择符都需要从一个”$“符号和一对”()“开始,在()中通常使用字符串参数。参数中可以包含任何css选择符表达式。
1、在参数中使用标记名
$(“div”):用于获取文档中全部的
2、在参数中使用ID
$("#username"):用于获取文档中id属性值为username的一个元素
3、在参数中使用css类名
$(".btn_grey"):用于获取文档中使用css类名为btn_grey的所有元素 - 基本选择器
1、id选择器(#id),利用dom元素的id属性值来筛选匹配的元素,并以jquery包装集的形式返回给对象。
$(#id) :如果有两个id相同,则报错,所以id必须唯一
学校学生的学号是唯一的
<script type="text/javascript">
$(document).ready(function(){
$("input[type="button"]).click(function(){
var inputvalue = $("#testInput').val();//获取文本框的值
alert(inputValue);
});
});
</script>
2、元素选择器(element)
$(“element”)返回的结果一个数组,可能有一个或多个。比如一个学校有多个叫张三的学生。
<script type="text/javascript">
$(document).ready(function(){
$("input[type="button"]).click(function(){
$("div").eq(0).html("<img src='images/1.png'>图片1")>;
$("div").get(1).innerHTML("<img src='images/1.png'>图片2");
});
});
</script>
html是jquery的方法,innerHTML是dom对象的方法,eq(0)返回的是jquery包装集,而get(0)返回的是dom对象。
所以调用的方法不同。$("#test").get(0)等效于$("test")[0]
3、类名选择器(.class)
$(".class")
4、复合选择器(selector1,selector2,selectorN)
将多个选择器组合在一起。(可以是id选择器、元素选择器、类名选择器),两个选择器间以逗号“,”隔开。只要符合其中的一个选择器,便被匹配。多种匹配条件的选择器并不是匹配同时满足这几个选择器的匹配条件的元素,而是将每个选择器的元素合并后一起返回。
$(“selector,selector2,selectorN”)
5、通配符选择器(*)
代表页面上的每一个元素。如果使用$("*"),将取得页面上所有的dom元素集合的jquery包装集。
- 层级选择器
如:$(“ul li”)
如:要匹配表单form中的子元素input进行换肤。
$(“form>input”)
$(“div~p”)
这个截图中,左侧的方法名印刷有误,应该为"val"。
二四、js+ajax+jquery
略