jQuery!!
一:jquery使用
1:引入jQuery工具库
2:官方地址有中文和英文版本的(看个人喜爱)
二:核心全局函数
$(jQuery)
下面就正式开始知识啦!!!$(’.wrapper ul li:add’):表示设置奇数的样式;
even
:表示设置偶数eq():表示设置第一个…
ready是jq版本的onload(
加载
)$(’.demo’).get(num):得到.demo的数据,如若num为的数字表示得到第几个数据
三:jQuery实列方法-----Dom操作
方法 | 描述 |
---|---|
get() | 得到一个整体.例如:<div class="demo"></div> |
eq() | 第几个,0是第一个 |
find() | 查找 |
filiter() | 过滤 |
not() | 反选,反着的 |
is() | eg:$('ul').click(function(){if($(e.target).is('li')){alert($(e.target).text();}}) 是否是XX |
has() | 过滤,筛选 |
add() | 集中操作 |
end() | 回退操作 |
//现在我来举上面的列子,让你们看的更加懂一点//find()、filter()【class为demo的字体为红色】 $('.wrapper ul') .find() .filter('.demo') .css({color:'red'}) //has() 【表示li中的ul...】 $('li') .has('ul') .css({...}) //eg:【index表示索引,ele表示元素,最后返回的li中偶数字体为红色】 $('.wrapper ul li') .filter(function(index,ele){return index%2==0}) .css({color:"red"})
取赋值相关的方法:
一:
.html()
.text()
.size()
相比前两者都熟悉吧,我就着重介绍最后一个:
size表示的长度和length差不多的意思
二:
addclass():添加类名
removeclass():移除类名
hasclass():含有什么类名,可做判断
三:
1.attr():取值,赋值
2.prop():取值,赋值【特性映射 非特性不能映射】【像自定义的类名,即获取不到,并且不能赋值,只有在特性上才能作用,像特性class,id】
3.val():获取表单相关元素的val值,就是你在页面的input表单输入的值可以被获取到
四:基于jQuery对象查改删增相关方法
next():下一个节点或元素
prev():上一个节点或元素
preAll():上全部节点
nextAll():下全部节点
其实可以利用这个做一个全选的功能,我大致将思路说一下,你们自己思考代码,代码我也将在下一节发布。
首先,对其点击事件做方法,如果你的选中是checkbox,就直接在上面做方法,如果是腻子设置,就在自己设置的按钮上做方法,然后判断,如果这个按钮按的有特性映射checked,就让它的下面全部节点选中,也就是true,否则就让它的下面全部节点的某值改为false。【就是这么简单的】
五:
nextUtill():直到…为止
sibling():过滤兄弟,同级兄弟过滤或者也可以传参,【举个易懂的列子,在一个盒子里面有ul>li,很多个,然后你只要li同级的兄弟元素,那么li或者ul里面的其他元素就不会被选择】
parent():获取父级
closest():找离它最近的父级
offsetParent():找离他最近定位的父级
slice(num1,num2):截取,里面可以输入值,,左边是起始位置,右边是落止位置,
注意左闭右开区间
- 点赞
- 收藏
- 关注作者
评论(0)