发表于: 2016-09-10 00:18:58

2 1757


今天完成的事:

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.遇到跨域访问限制了呀,获取不了

(网上搜到很多方法都要爬虫的网站有代码配合的样子)

(恐怕是得靠服务端来解决这个问题)


返回列表 返回列表
评论

    分享到