发表于: 2021-04-09 22:37:47

1 1036


今天完成的事:

完成了js任务二要用到页面的制作


明天计划:

1、继续学习jquery的AJAX的异步请求和插件机制

2、试着给任务二加上功能


收获:


总结了一下jquery:

查找标签

修改属性样式

事件


基础语法:

$(); //简化写法


jq转化为js对象:

var  a = $('.dl')[0]; //将jq对象转化为js对象

$(a) //将js对象转化为jq对象


选择器;(可以按ID查找,按tag查找,按class查找,按属性查找,组合查找【两个选择器之间以  , 分隔】)

一个选择器写出来类似$('#dom-id') //这里是选择id为dom-id的id选择器所包含的内容

层级选择器;

如果两个DOM之间有层级,就可以以层级选择器来查找。类似$('ancestor descendant')层级之间以空格隔开。

子代选择器;

子选择器$('parent>child')类似层级选择器,但是限定了层级关系必须是父子关系,也就是说子节点必须是父节点的直属子节点。

过滤器;顾名思义就是精确定位,过滤掉我们不需要的元素,直接拿到我们想要的元素

例如:

$('ul.lang li'); // 选出JavaScript、Python和Lua 3个节点
$('ul.lang li:first-child'); // 仅选出JavaScript
$('ul.lang li:last-child'); // 仅选出Lua
$('ul.lang li:nth-child(2)'); // 选出第N个元素,N从1开始
$('ul.lang li:nth-child(even)'); // 选出序号为偶数的元素
$('ul.lang li:nth-child(odd)'); // 选出序号为奇数的元素

操作DOM;

 addClass();// 添加指定的CSS类名。
  removeClass();// 移除指定的CSS类名。
  hasClass();// 判断样式存不存在
  toggleClass();// 切换CSS类名,如果有就移除,如果没有就添加。

改变css;

$('.menu').css('display','block'); 

暂时就总结了这么多。


返回列表 返回列表
评论

    分享到