发表于: 2016-09-10 00:18:58
2 1759
今天完成的事:
1.学习jQuery
明天计划的事:
1.深入学习AJAX
2.开写task5
收获:
1.文档就绪函数
$(document).ready(function(){
//在这里面写JQ代码
});
防止在页面加载完成前执行JQ代码,也就是之前把JS代码放在head里时出现的问题
2.JQ选择器
(HTML)元素选择器、(HTML)属性选择器、CSS(属性)选择器
例1:$("p#intro .content")
例1.1:$("ul li:first")
例2:$("[href!="#"]")
例2.1:$("[href$=".jpg"]"),href值以.jpg结尾的
例3:$("p").css("color","red");
3.各种JQ效果
3.1.toggle()=hide()+show()
3.2.W3School说使用动画移动效果需要加上非static的position属性
(事实上如果是statc或者float类型,尽管当然不能采用left:'100px'这样的动画做法的,
但是可以用marginLeft在特定场合替代)
(区别在于,left这种对其他元素毫无影响,即便是relative也是直接穿过其他元素,并在
自己原来的位置留下一片占位置的空白,这点挺难理解的。而使用marginleft显然影响了
其他元素的位置)
3.2.1.相对值 +=、-=,width:"+=150px"
3.3.callback函数(注意callback调用都不用写())
4.JQ DOM
4.1.获取内容/属性 与 改变内容/属性:text()、html()、val()、attr()
4.1.1.回调函数
4.2.添加内容:append()、prepend()、after()、before()
4.2.1.txt=$("<p></p>").text(); //JQ创建新元素,不过直接用HTML的方式创建看起来更方便
4.3.删除:remove()、empty()
$("p").remove(".content"); //删除类为content的所有p
4.4.CSS操作:addClass()、removeClass()、toggleClass()、css()
5.JQ遍历
感觉可以用来爬虫
5.1.$("p").filter(".intro"); //返回所有类为intro的p,not()作用相反
6.JQ AJAX
6.1.load(URL,data,callback)
6.2.$.get(URL,callback)、$.post(URL,data,callback)
6.2.1.回调函数function(data,status){}; //data为返回的请求内容,status为返回的请求状态
6.2.2.后端语言大概有ASP、PHP和JSP,改天初步了解下
7.了解了JSONP
利用<script>标签的src引用来实现跨域访问
任务外:
1.尝试爬虫获取某网站一段ID范围的页面的所有标题
遇到的问题:
1.遇到跨域访问限制了呀,获取不了
(网上搜到很多方法都要爬虫的网站有代码配合的样子)
(恐怕是得靠服务端来解决这个问题)
评论