-
Jquery选择器
2017-01-10 22:58:36jQuery选择器: •什么是jQuery选择器 ...在过滤选择器中又分为:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器6类。 (1)代码更简单 (2)支持CSS1到jQuery选择器:
•什么是jQuery选择器•jQuery选择器有哪优势•jQuery选择器的应用jQuery选择器分为:基本选择器、层次选择器、过滤选择器和表单选择器4大类。在过滤选择器中又分为:简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器6类。
(1)代码更简单
(2)支持CSS1到CSS3选择器
(3)完善的处理机制基本选择器是jQuery中使用最多的选择器,它又元素Id、class、元素名、多个元素符组成
<scripttype="text/javascript">
$(function () {
$("#divOne").css("display", "block");//ID匹配元素
$(".clsOne").css("display", "block"); //类匹配元素
$("div").css("display", "block"); //元素名匹配元素
$("*").css("display", "block");//匹配所有元素$("#divOne,span").css("display","block");//合并匹配元素
});
</script>
层次选择器通过DOM元素间的层次关系来获取元素,主要的层次关系包括父子、后代、相邻、兄弟关系
<scripttype="text/javascript">
$(function () {
//匹配后代元素
// $("#divMid").css("display", "block");
// $("divspan").css("display", "block");
//匹配子元素
// $("#divMid").css("display", "block");
// $("div>span").css("display", "block");
//匹配后面元素
// $("#divMid+div").css("display", "block");
// $("#divMid").next().css("display","block");
//匹配所有后面的元素
// $("#divMid~div").css("display", "block");
// $("#divMid").nextAll().css("display","block");
//匹配所有相邻元素
$("#divMid").siblings("div").css("display","block");
});
</script>
过滤选择器
(1)简单过滤选择器
过滤选择器是根据某类过滤规则进行元素的匹配,书写时都以(:)开头;简单过滤选择器是过滤选择器中使用最广泛的一种。<scripttype="text/javascript">
$(function () {
//增加第一个元素的类别
// $("li:first").addClass("Getfocus");
//增加最后一个元素的类别
// $("li:last").addClass("Getfocus");
//给除了类别为notClass的项加上类别Getfocus
// $("li:not(.notClass)").addClass("Getfocus");
//给索引为奇数的项添加类别Getfocus
// $("li:odd").addClass("Getfocus");
//给索引为偶数的项添加类别Getfocus
// $("li:even").addClass("Getfocus");
//给索引为某个给定值的项添加类别Getfocus
// $("li:eq(1)").addClass("Getfocus");
//给索引大于某个给定值的项添加类别Getfocus
// $("li:gt(1)").addClass("Getfocus");
//给索引小于某个给定值的项添加类别Getfocus
// $("li:lt(2)").addClass("Getfocus");
//获取所有标题类元素并给其添加类别Getfocus
// $("div h1").css("width","100");
// $("header").addClass("Getfocus");
//执行动画并添加Getfocus
// $("#spanMove").slideToggle("slow");
// $("#spanMove:animated").addClass("Getfocus");(2)内容过滤选择器
内容过滤选择器是根据元素中的文字内容或所包含的的子元素特征获取元素,其文字内容可以模糊或绝对匹配进行元素定位<script type="text/javascript">
$(function () {
//显示包含给定文本的元素
// $("div:contains('一')").css("display","block");
//显示包含空内容的元素
// $("div:empty").css("display","block");
//显示含有某个元素的元素
// $("div:has(span)").css("display","block");
//显示含有子元素或文本的元素
$("div:parent").css("display", "block");
});
</script>
(3)可见性过滤选择器
可见性过滤选择器根据元素是否可见的特征来获取元素。
<scripttype="text/javascript">
$(function () {
//$("span:hidden").show();
//$("span:hidden").show().addClass("Getfocus");
// $("div:visible").addClass("Getfocus");
});
</script>
(4)属性过滤选择器
<scripttype="text/javascript">
$(function () {
//显示所有含有Id属性的元素
// $("div[id]").show();
//
//显示所有title为“A”的元素
// $("div[title='A']").show();
//显示所有title不为“A”的元素
// $("div[title!='A']").show();
//显示所有title的值以“A”开始的元素
// $("div[title^='A']").show();
//显示所有title的值以“C”结束的元素
// $("div[title$='C']").show();
//显示所有title的值中含有“B”的元素
// $("div[title*='B']").show();
//显示所有title的值中含有“B”且属性id的值是“divAB”的元素
$("div[title*='B'][id='divAB']").show();
});
</script>
(5)子元素过滤选择器
<scripttype="text/javascript">
$(function () {
//每个父元素下的第二个子元素增加Getfocus类别
// $("li:nth-child(2)").addClass("Getfocus");
//每个父元素下的第一个子元素增加Getfocus类别
// $("li:first-child").addClass("Getfocus");
//每个父元素下的最后一个子元素增加Getfocus类别
// $("li:last-child").addClass("Getfocus");
//每个父元素下只有一个子元素增加Getfocus类别
$("li:only-child").addClass("Getfocus");
});
</script>
(6)表单对象属性过滤选择器
<scripttype="text/javascript">
$(function () {
//改变表单内可用input元素的值
//$("#form1input:enabled").val("这里变化啦!").css("color","red");
//$("#form1input:disabled").val("这里变化啦!").css("color","red");
//获取多选框选中的个数
$("input:checked").length;
});
</script>
表单选择器
<scripttype="text/javascript">
$(function () {
// $("#form1div").html("表单中input元素的个数一个有" + $("#form1:input").length + "个");
// $("#form1div").addClass("div");
//$("#form1:text").show();
//$("#form1:button").show();
//$("#form1:checkbox").show();
$("#form1:password").show();
});
</script>
-
dax powerbi 生成表函数_如何使用DAX函数解决动态图表标题
2020-12-23 11:58:26您可能知道,Power BI中的图表(以及许多其他可视化)具有...例如,您可能正在使用切片器或过滤器来允许用户选择他们想要查看数据的月份。在这种情况下,您可能想要添加一个标题,显示实际上已选择了哪一月; 如果报告...您可能知道,Power BI中的图表(以及许多其他可视化)具有可以设置为任何静态文本的标题。您可以通过选择图表,转到“可视化对象”窗格中的“格式”选项卡,然后更改“标题”部分中的属性(如下所示)来完成此操作:
但是,如果您希望图表标题根据所选内容而改变呢?例如,您可能正在使用切片器或过滤器来允许用户选择他们想要查看数据的月份。在这种情况下,您可能想要添加一个标题,显示实际上已选择了哪一月; 如果报告使用过滤器,或者要打印报告,这将特别重要。遗憾的是,内置的Title Text属性不能用于显示动态值,但在本文章中,小悦将向您展示如何使用DAX解决此问题。
以下是包含动态图表标题的报告的简单示例:
小悦创建了一个简单的测试数据集,其中只有两个字段一个月份,一个数量,该报告包含一个柱形图,其中显示按月份显示的数量。还有一个切片器,用户可以选择一个月或多个月,在顶部有一个标题,列出在切片机中选择并显示在图表中的日期名称。
解决方案分为两部分
第一部分是创建一个度量。它将返回图表标题所需的文本,这依赖于DAX函数ConcatenateX()。这是衡量标准的DAX:
Title = "你选中了 "
& CONCATENATEX(
VALUES(Sheet1[月]),
Sheet1[月],
", "
)
这里,Values()函数用于返回包含所有选定月份的表,然后将其传递给ConcatenateX()以获取包含逗号分隔的日期名称列表的文本值。
第二部分涉及如何显示度量返回的值。在上面的报告中,小悦使用了卡片可视化,将上面的度量放入“字段”区域,然后关闭“格式”选项卡上的“类别标签”,以便仅显示度量返回的值,而不显示度量本身的名称:
这就是重新创建上述报告所需的全部内容。
对上述代码进行优化
我们可以将列表中的最后一个逗号更改为“和”,给每个月的值后面加一个月,而不是简单的以逗号分隔的月值列表:
此外,如果显示了所有月份,最好不显示非常长的月份列表,而是显示一些默认文本,如图:
这是用于完成所有这些操作的度量的DAX:
Title2 =
VAR SelectedDays = VALUES('Sheet1'[月])
VAR NumberOfSelectedDays = COUNTROWS(SelectedDays)
VAR NumberOfPossibleDays = COUNTROWS(ALL('Sheet1'[月]))
VAR AllButLastSelectedDay = TOPN(NumberOfSelectedDays-1, SelectedDays)
VAR LastSelectedDay = EXCEPT(SelectedDays, AllButLastSelectedDay)
RETURN
"你 " &
IF(NumberOfSelectedDays=NumberOfPossibleDays, "没有对月份进行筛选",
"选中了 " & IF(NumberOfSelectedDays=1, "", CONCATENATEX(AllButLastSelectedDay,'Sheet1'[月], "月, ") & " 月和 ") & LastSelectedDay & "月")
Microsoft Power BI Desktop中文最新版:下载地址
2.欢迎加入的Power BI技术群,目前正在学习阶段,有兴趣的朋友可以一起学习讨论。
Power Data技术交流群:702966126 (验证注明:博客园Power BI)
更多精彩内容请关注微信公众号:悦策PowerBI
如果您觉得阅读本文对您有帮助,请点一下“推荐”按钮,您的“推荐”将是我最大的写作动力!欢迎各位转载,作者博客:https://www.cnblogs.com/yeacer/
-
内存遍历工具(驱动版)
2018-03-23 22:51:38组1:单-过滤对象为区域6的单字信息,双-过滤对象为区域6的双字信息,四-过滤对象为区域6的四字信息,A-过滤对象为区域6的文本A信息,U-过滤对象为区域6的文本U信息 组2:%d-代表读取的内存信息用十进制表示 %x-代表... -
easyui帮助手册datagrid
2012-11-05 16:24:23loadFilter(载入过滤器) function(函数) 返回用以显示的已过滤数据,function有一个参数'data'表示原始数据,你可以将原始数据改变为规范的数据格式,该函数必须返回包含 'total'和'rows'属性的标准数据对象。... -
C++网络爬虫项目
2018-07-04 00:59:17队、出队操作,通过统一资源定位符过滤器排重,同时支持基于正则表达式的 统一资源定位符抽取功能。 2.2.6. 套接字(Socket) 发送/接收超文本传输协议请求/响应,发送成功将套接字描述符加入多路I/O, 接收成功抽取... -
疯狂JAVA讲义
2014-10-17 13:35:01学生提问:我们只是创建了一个Ostrich对象时,哪来的Bird对象? 147 5.6.4 调用父类构造器 148 学生提问:为什么我创建Java对象时从未感觉到java.lang.Object的构造器被调用过? 150 5.7 多态 151 5.7.1 多态性 ... -
C#开发实战1200例(第2卷.完整版)(清华出版.王小科.王军).part2
2016-06-17 07:56:52实例212 在having子句中使用子查询过滤数据 实例213 在update语句中应用子查询 实例214 使用子查询删除数据 6.16 组合语句 实例215 使用组合查询 实例216 多表组合查询 实例217 对组合查询后的结果进行排序 实例218 ... -
Java面试宝典2020修订版V1.0.1.doc
2020-05-21 19:24:4811、过滤器有哪些作用? 35 12、JSP的常用指令? 35 13、JSP和Servlet中的请求转发分别如何实现? 35 14、JSP乱码如何解决? 36 15、session 和 application的区别? 36 16、jsp有哪些内置对象?作用分别是什么? 36 ... -
我们发现这个前端控制器,很像web里面的Filter过滤器; 一般的, 我们把处理请求的对象称之为处理器。 Apache习惯称之为Action ,如EmployeeAction. Spring习惯称之为Controller ,如EmployeeController. 从这里能看出...
-
Visual C++ 2008入门经典--详细书签版
2013-02-02 16:07:15他曾在IBM工作多年,能使用多种语言进行编程(在多种机器上使用汇编语言和高级语言),设计和实现了实时闭环工业控制系统。Horton拥有丰富的教学经验(教学内容包括C、C++、Fortran、PL/1、APL等),同时还是机械、加工... -
Java程序员面试宝典pdf
2013-02-21 13:06:13面试题123 过滤器的作用和工作原理是什么 210 面试题124 监听器的作用和工作原理是什么 211 12.2 JSP动态语言 214 面试题125 JSP的运行机制是什么 214 面试题126 JSP的内置对象及其用途 215 面试题127 page和request... -
Visual C++ 2008入门经典--源代码及课后练习答案
2013-02-02 16:13:25他曾在IBM工作多年,能使用多种语言进行编程(在多种机器上使用汇编语言和高级语言),设计和实现了实时闭环工业控制系统。Horton拥有丰富的教学经验(教学内容包括C、C++、Fortran、PL/1、APL等),同时还是机械、加工... -
java基础题 很全面
2009-05-09 09:24:247. 过滤器 26 8. 什么是事件监听器? 27 9. EJB 28 10. CORBA是什么?用途是什么? 29 11. Spring transaction properties 29 编程/代码 30 1. 编程题: 用最有效率的方法算出2乘以8等於几? 30 2. 我们在web应用开发过程... -
网路岗7.03.35官方原版破解
2011-10-26 14:09:57所有的网络监控产品,都必须面对这个问题:在对具体电脑进行监控时,以什么信息来判断所捕获的数据包是由哪台机器发出的? “网路岗”提供了多种选项给客户选择,当用户网络是单网段,也就是说没有划分不同的IP... -
java面试题典 java 面试题 经典
2010-06-18 13:42:3613. 简述你对简单Servlet、过滤器、监听器的理解 30 14. servlet的生命周期? 30 四、 Oracle数据库 30 1. 解释冷备份和热备份的不同点以及各自的优点 30 2. 你必须利用备份恢复数据库,但是你没有控制文件,该如何... -
程序天下:JavaScript实例自学手册
2018-07-08 12:59:5510.1 选择了哪一个单选框 10.2 单击文字实现单选框的选定 10.3 被选中的复选框求和 10.4 复选框组选 10.5 复选框分组全选 10.6 复选框和文本框的联动效果 10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框... -
框架的主要优势之一就是其分层架构,分层架构允许您选择使用哪一个组件,同时为 J2EE 应用程序开发提供集成的框架。 1.1 SpringAOP AOP称为面向切面编程,也是面试当中经常会被问到的一环,其实Spring AOP的底层原理...
-
选择性重写initViewModel()方法,返回ViewModel对象 @Override public LoginViewModel initViewModel() { //View持有ViewModel的引用,如果没有特殊业务处理,这个方法可以不重写 return ViewModelProviders.of...
-
《你必须知道的495个C语言问题》
2010-03-20 16:41:18*2.5 在C语言中是否有模拟继承等面向对象程序设计特性的好方法? 22 2.6 为什么声明extern f(struct x *p); 给我报了一个晦涩难懂的警告信息? 23 2.7 我遇到这样声明结构的代码:struct name {int namelen; ... -
✅ 微信公众号 Markdown 编辑器 - OpenWrite:Markdown 微信编辑器是一款专业强大的微信公众平台在线编辑排版工具,提供手机预览功能,让用户在微信图文 、文章、内容排版、文本编辑、素材编辑上更加方便 - 更多介绍...
-
你必须知道的495个C语言问题
2015-10-16 14:14:28*2.5 在C语言中是否有模拟继承等面向对象程序设计特性的好方法? 2.6 为什么声明externf(structx*p);给我报了一个晦涩难懂的警告信息? 2.7 我遇到这样声明结构的代码:structname{intnamelen;charnamestr[1];};... -
Linux操作系统基础教程
2013-04-08 21:34:26讲座的目的就是在同学们中间普及 Linux 基础知识,为今后我们更加接近的了解 Linux 做一 个好的开端。 第一讲 Linux基础 在这一讲中,我们主要是了解一下 Linux 的概况,以及对 Linux 有一个初步的感性认识。 ... -
你必须知道的495个C语言问题(高清版)
2010-03-31 16:24:09*2.5 在C语言中是否有模拟继承等面向对象程序设计特性的好方法? 22 2.6 为什么声明extern f(struct x *p); 给我报了一个晦涩难懂的警告信息? 23 2.7 我遇到这样声明结构的代码:struct name {int namelen; ... -
新版Android开发教程.rar
2010-12-14 15:49:11也有分析认为,谷歌并不想做一个简单的手机终端制造商或者软件平台开发商,而意在一统传统互联网和 移 动互联网。----------------------------------- Android 编程基础 4 Android Android Android Android 手机新... -
React V15.6 实现一个简单的个人博客
2020-12-09 01:09:56它会返回一个带有 <code>issue</code> 格式对象的数组。每一个 <code>issue</code> 有很多属性,我们可能不需要那么多,先了解了解底下这几种: <pre><code>javascript // 为了方便,我把...