jQuery!!

举报
hello word~/ 发表于 2020/08/05 09:29:05 2020/08/05
【摘要】 一:jquery使用1:引入jQuery工具库2:官方地址有中文和英文版本的(看个人喜爱)二:核心全局函数$(jQuery)下面就正式开始知识啦!!!$(’.wrapper ul li:add’):表示设置奇数的样式;even:表示设置偶数eq():表示设置第一个…ready是jq版本的onload(加载)$(’.demo’).get(num):得到.demo的数据,如若num为的数字表示得...

一: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"})

取赋值相关的方法:

一:

  1. .html()

  2. .text()

  3. .size()

相比前两者都熟悉吧,我就着重介绍最后一个:size表示的长度和length差不多的意思

二:

  1. addclass():添加类名

  2. removeclass():移除类名

  3. hasclass():含有什么类名,可做判断

三:

1.attr():取值,赋值
2.prop():取值,赋值【特性映射 非特性不能映射】【像自定义的类名,即获取不到,并且不能赋值,只有在特性上才能作用,像特性class,id】
3.val():获取表单相关元素的val值,就是你在页面的input表单输入的值可以被获取到

四:基于jQuery对象查改删增相关方法

  1. next():下一个节点或元素

  2. prev():上一个节点或元素

  3. preAll():上全部节点

  4. nextAll():下全部节点

其实可以利用这个做一个全选的功能,我大致将思路说一下,你们自己思考代码,代码我也将在下一节发布。
首先,对其点击事件做方法,如果你的选中是checkbox,就直接在上面做方法,如果是腻子设置,就在自己设置的按钮上做方法,然后判断,如果这个按钮按的有特性映射checked,就让它的下面全部节点选中,也就是true,否则就让它的下面全部节点的某值改为false。【就是这么简单的】

五:

  1. nextUtill():直到…为止

  2. sibling():过滤兄弟,同级兄弟过滤或者也可以传参,【举个易懂的列子,在一个盒子里面有ul>li,很多个,然后你只要li同级的兄弟元素,那么li或者ul里面的其他元素就不会被选择】

  3. parent():获取父级

  4. closest():找离它最近的父级

  5. offsetParent():找离他最近定位的父级

  6. slice(num1,num2):截取,里面可以输入值,,左边是起始位置,右边是落止位置,注意左闭右开区间


【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。