JS,JQuery杂谈

JS返回页面：

 JS返回前一个页面，经常看到有人用window.history.go(-1)这种方法  这种放的确可以返回，也仅仅只是返回，返回的页面信息却没有刷新。也有人用windows.history.back()，但是经常返回的时候会丢失页面，最近写一个返回上上个页面但是信息会改变的按钮，于是想到了结合window.history.go(-1)实现，用window.location.href=window.history.go(-2).toString()

 

JQuery 模糊匹配：

[属性名称] 匹配包含给定属性的元素
[att=value] 匹配包含给定属性的元素 (大小写区分)
[att*=value] 模糊匹配
[att!=value] 不能是这个值
[att$=value] 结尾是这个值
[att^=value] 开头是这个值
[att1][att2][att3]... 匹配多个属性条件中的一个

示例：

HTML代码:
<div id="father1" class="father" onclick="toggle('child1','father1')">
<div class="fathers">家人</div>
</div>
<div id="child1" class="child">
<ul><li>家人</li></ul>
</div>
JQUERY代码(修改div的id中以'child'开头的层的display属性为none)：
   $().ready(function () {
　　　　  $("div[id^=child]").css("display", "none");
　　})
JS关于日期比较和获取：

var myDate = new Date(Date.parse("1991,11,11"));//将字符串转换成日期函数
var year=new Date().getFullYear();//获取当前时间的年份
var month=new Date().getMonth() + 1;//获取当前时间的月份，注意+1，getmonth月份计算是以0开始的，所以在获取时需要+1
var day=new Date().getDate();//获取当前时间的日期
var datenow = new Date(Date.parse( new Date().getFullYear()+ "," + (new Date().getMonth() + 1) + "," + new Date().getDate()));//转换日期格式
在用JS进行日期比较的时候可以直接date()>new Date(Date.parse("1991,11,11"))或者以date()>myDate 这种形式进行比较
如果当前时间相对于比较的时间晚 则在比较的时候是当前时间要小于进行比较的时间
parseInt(Math.abs(EndTime- StrTime)  /  1000  /  60  /  60  /24);//计算两个日期直接相差的天数。  
parseInt(Math.ceil(Math.abs(endDate - strDate) / 1000 / 60 / 60 / 24))/7;//使用进一除法计算周
var getmon = (endDate.getFullYear() - strDate.getFullYear()) * 12 + endDate.getMonth() - strDate.getMonth();
if (endDate.getDate() >= strDate.getDate()) {
   alert(getmon + 1);
}
else {
     alert(getmon);
}///计算开始时间与结束时间相差多少个月

JS在table标签的指定位置插入一行数据
  function InsertProduct() {
                            var tb = document.getElementById("productTable"); //获取表格标签
                            var refRow = tb.rows.length - 1; //table中现有的行数减一
                            var newRefRow = tb.insertRow(refRow);
                            newRefRow.insertCell(0).innerHTML = "<input type=\"checkbox\"  />";
                            newRefRow.insertCell(1).innerHTML = document.getElementById("t_name").value;
                            newRefRow.insertCell(2).innerHTML = document.getElementById("t_dw").value;
                            newRefRow.insertCell(3).innerHTML = document.getElementById("t_gkj").value;
                            newRefRow.insertCell(4).innerHTML = document.getElementById("t_sl").value;
                            newRefRow.insertCell(5).innerHTML = document.getElementById("t_zk").value;
                            newRefRow.insertCell(6).innerHTML = document.getElementById("t_zhj").value;
                            newRefRow.insertCell(7).innerHTML = document.getElementById("t_xj").value; 
                        }
js在table中添加合并单元格
 　　　　　　　　 var cell = document.createElement("TD");　　//声明一个td
         　　　　cell.setAttribute('colSpan', 2);　　//单元格数量
                cell.setAttribute('id', "ccoll");　　//合并后的单元格id
                cell.innerHTML = "合并的单元格";　　　　//单元格里面的内容
                newRefRow.appendChild(cell);　　　　//将单元格加入到表格行的结尾处
　　
JS计算日期
//日期减去天数后得到新的日期
  function cc(dd, dadd) {
                var a = new Date(dd)
                a = a.valueOf()
                a = a - dadd * 24 * 60 * 60 * 1000
                a = new Date(a)
                alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")
            } 
cc("2/28/2002",1);

 var a = document.getElementByIdx_x_x("dom");
      var b = a.childNodes;获取a的全部子节点；
      var c = a.parentNode;获取a的父节点；
      var d = a.nextSbiling;获取a的下一个兄弟节点
      var e = a.previousSbiling;获取a的上一个兄弟节点
      var f = a.firstChild;获取a的第一个子节点
      var g = a.lastChild;获取a的最后一个子节点

 

jQuery.parent(expr) 找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")

jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素

jQuery.children(expr).返回所有子节点，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点

jQuery.contents(),返回下面的所有内容，包括节点和文本。这个方法和children()的区别就在于，包括空白文本，也会被作为一个

jQuery对象返回，children()则只会返回节点

jQuery.prev()，返回上一个兄弟节点，不是所有的兄弟节点

jQuery.prevAll()，返回所有之前的兄弟节点

jQuery.next(),返回下一个兄弟节点，不是所有的兄弟节点

jQuery.nextAll()，返回所有之后的兄弟节点

jQuery.siblings(),返回兄弟姐妹节点，不分前后

jQuery.find(expr),跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分，而jQuery.find()

的返回结果，不会有初始集合中的内容，比如$("p"),find("span"),是从

p元素开始找,等同于$("p span")

 

js获取节点操作

接口

nodeType常量

nodeType值

备注

Element

Node.ELEMENT_NODE

1

元素节点

Text

Node.TEXT_NODE

3

文本节点

Document

Node.DOCUMENT_NODE

9

document

Comment

Node.COMMENT_NODE

8

注释的文本

DocumentFragment

Node.DOCUMENT_FRAGMENT_NODE

11

document片断

Attr

Node.ATTRIBUTE_NODE

2

节点属性

方法

描述

createAttribute()

用指定的名字创建新的Attr节点。

createComment()

用指定的字符串创建新的Comment节点。

createElement()

用指定的标记名创建新的Element节点。

createTextNode()

用指定的文本创建新的TextNode节点。

getElementById()

返回文档中具有指定id属性的Element节点。

getElementsByTagName()

返回文档中具有指定标记名的所有Element节点。

属性

描述

attributes

如果该节点是一个Element，则以NamedNodeMap形式返回该元素的属性。

childNodes

以Node[]的形式存放当前节点的子节点。如果没有子节点，则返回空数组。

firstChild

以Node的形式返回当前节点的第一个子节点。如果没有子节点，则为null。

lastChild

以Node的形式返回当前节点的最后一个子节点。如果没有子节点，则为null。

nextSibling

以Node的形式返回当前节点的兄弟下一个节点。如果没有这样的节点，则返回null。下一个兄弟节点

nodeName

节点的名字，Element节点则代表Element的标记名称。

nodeType

代表节点的类型。

parentNode

以Node的形式返回当前节点的父节点。如果没有父节点，则为null。

previousSibling

以Node的形式返回紧挨当前节点、位于它之前的兄弟节点。如果没有这样的节点，则返回null。上一个兄弟节点

方法

描述

appendChild()

通过把一个节点增加到当前节点的childNodes[]组，给文档树增加节点。

cloneNode()

复制当前节点，或者复制当前节点以及它的所有子孙节点。

hasChildNodes()

如果当前节点拥有子节点，则将返回true。

insertBefore()

给文档树插入一个节点，位置在当前节点的指定子节点之前。如果该节点已经存在，则删除之再插入到它的位置。

removeChild()

从文档树中删除并返回指定的子节点。

replaceChild()

从文档树中删除并返回指定的子节点，用另一个节点替换它。

 

转载于:https://www.cnblogs.com/xuxw/p/3416426.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/399996.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

C语言一阶低通、高通滤波器滤除截止频率外的杂波

C语言一阶低通、高通滤波器滤除截止频率外的杂波

目录理论推导产生测试信号sin_cal.csin_cal.h生成波形一阶滤波器FirstOrderFilter.cFirstOrderFilter.h测试低通滤波器高通滤波器IAP15W4K58S4 Keil uVision V5.29.0.0 PK51 Prof.Developers Kit Version:9.60.0.0 串口示波器&#xff1a;Vofa 1.3.10 理论推导 低通滤波器 …
阅读更多...
OAF_开发系列19_实现OAF对话框提示dialogPage（案例）

OAF_开发系列19_实现OAF对话框提示dialogPage（案例）

20150716 Created By BaoXinjian 一、摘要 Oracle dialogPage是OAF提示框的一种用法&#xff0c;具体应用例如在删除数据时&#xff0c;提示用户进行确认是否可以删除 二、实现方法 在CO中添加如下方法 public void processFormRequest(OAPageContext pageContext,OAWebBean we…
阅读更多...
flask ajax 笔记

flask ajax 笔记

html 其中 {{url_for(add)}} 的 add 为 flask 路由函数名 dataType: "json", 加了这句&#xff0c;才能读到 flask 返回的 json var my_tra_info {"key1":"val1","key2":val2};$.ajax({type:post,async:false,url:"{{url_fo…
阅读更多...
设计模式（一）---简单工厂模式

设计模式（一）---简单工厂模式

1&#xff0c;简介&#xff1a;简单工厂模式&#xff0c;又称为静态工厂模式&#xff0c;是通过专门定义一个类来负责创建其他类的实例&#xff0c;被创建的实例通常都具有共同的父类。 2&#xff0c;简单工厂模式的结构 2.1&#xff1a;简单工厂的通用结构 2.2&#xff1a;示意…
阅读更多...
给LaTex输出的论文PDF加上电子签名

给LaTex输出的论文PDF加上电子签名

目录问题准备签名插入签名TeXstudio 4.2.3 Windows 10 20H2 参考资料&#xff1a;研究生毕业论文电子签名怎么弄&#xff1f;—— kk肥妹 问题 完成论文之后&#xff0c;需要加上签名&#xff0c;但LaTex输出的结果是PDF格式的 准备签名 准备自己的签名&#xff0c;比如直接…
阅读更多...
asp.net模态窗口返回值

asp.net模态窗口返回值

个人感觉模态窗口在做网站的时候&#xff0c;使用到的比较少&#xff0c;前段时间在做项目时要实现以模态窗口传值和接收返回值&#xff0c; 模态窗口传值实现比较简单&#xff0c;但是做好后发现在Chrome浏览器中接收不到返回值&#xff0c;修改好Chrome浏览器的问题后 大概过…
阅读更多...
web前端-css

web前端-css

1.1CSS 链接的四种状态&#xff1a;a:link --普通的、未被访问的链接 a:visited --用户已访问的链接 a:hover --鼠标指针位于链接的上方 a:active --链接被点击的时刻这里我们需要注意的是这四个属性设置要遵循的顺序问题&#xff1a; a:hover 必须位于 a:link 和 a:visited 之…
阅读更多...
PyCharm设置字体大小与颜色

PyCharm设置字体大小与颜色

https://jingyan.baidu.com/article/fedf0737b31f7435ac8977de.html Editor -> Color & Fonts -> Font
阅读更多...
判断两个矩形相交以及求出相交的区域

判断两个矩形相交以及求出相交的区域

问题&#xff1a;给定两个矩形A和B&#xff0c;矩形A的左上角坐标为&#xff08;Xa1,Ya1&#xff09;&#xff0c;右下角坐标为&#xff08;Xa2,Ya2&#xff09;&#xff0c;矩形B的左上角坐标为&#xff08;Xb1,Yb1&#xff09;&#xff0c;右下角 坐标为&#xff08;Xb2,Yb2&…
阅读更多...
【MSP430G2553】图形化开发笔记(1) 配置环境

【MSP430G2553】图形化开发笔记(1) 配置环境

目录CCS的配置下载和安装激活安装Grace并导入CCS安装MSP430Ware并导入CCS安装XDCtools并导入CCS建立工程Welcome介绍开始打开官方点灯Demo平台&#xff1a; Code Composer Studio 6.2.0 Grace 2.2.0 MSP430G2553 LaunchPad™ Development Kit (MSP-EXP430G2ET) CCS的配置 支…
阅读更多...
【现代程序设计】【homework-07】

【现代程序设计】【homework-07】

C11 中值得关注的几大变化 1.Lambda 表达式 Lambda表达式来源于函数式编程&#xff0c;说白就了就是在使用的地方定义函数&#xff0c;有的语言叫“闭包”&#xff0c;如果 lambda 函数没有传回值(例如 void )&#xff0c;其回返类型可被完全忽略。 定义在与 lambda 函数相同作…
阅读更多...
Jfinal源码解析系列一

Jfinal源码解析系列一

2019独角兽企业重金招聘Python工程师标准>>> 1 Jfinal的初始化入口 <filter><filter-name>jfinal</filter-name><filter-class>com.jfinal.core.JFinalFilter</filter-class><init-param><param-name>configClass</pa…
阅读更多...
Pycharm(社区版) 创建Flask项目

Pycharm(社区版) 创建Flask项目

https://blog.csdn.net/hold_on_/article/details/86651594
阅读更多...
【MSP430G2553】图形化开发笔记(2) 系统时钟和低功耗模式

【MSP430G2553】图形化开发笔记(2) 系统时钟和低功耗模式

目录系统时钟概述BCS模块单元的基本构造时钟-概览介绍Basic User 模式Power User 模式1. 数控振荡器 DCO2. 出厂预校正频率3. 低频振荡器 VLO4. 内部匹配电容5. 延时启动6. 自动选择 MCLK 源7. 时钟输出8. 振荡器失效中断9. 中断事件处理函数10. 退出中断后的节能选项Registers…
阅读更多...
alias命令

alias命令

alias命令&#xff08;取别名之前先运行一下将要使用的别名&#xff0c;以免冲突&#xff09; alias语法&#xff1a;alias 自定义的命令真正的命令 1.使用which查看一个命令的完整命令&#xff0c;也可以查看绝对路径 2.‘alias’查看系统中所有别名&#xff1a; 3.应用 再使用…
阅读更多...
奇怪的 加号

奇怪的 加号

转载于:https://www.cnblogs.com/chuyu/p/3421237.html
阅读更多...
Java反射机制：表单数据自动封装到JavaBean中【IT】

Java反射机制：表单数据自动封装到JavaBean中【IT】

2019独角兽企业重金招聘Python工程师标准>>> (2010-07-09 19:50:18) 转载▼ 标签&#xff1a; it 分类&#xff1a; IT路人丁 利用Java的反射机制&#xff0c;模拟一个简单的Struts控制器ActionServlet时&#xff0c;为了将请求的表单数据自动封装到JavaBean中&…
阅读更多...
媒体查询使用方法@media

媒体查询使用方法@media

https://blog.csdn.net/leaves_yu/article/details/79280389 Media Queries能在不同的条件下使用不同的样式&#xff0c;使页面在不同在终端设备下达到不同的渲染效果。前面简单的介绍了Media Queries如何引用到项目中&#xff0c;但Media Queries有其自己的使用规则。具体来说…
阅读更多...
JavaScript实现接口的三种经典方式

JavaScript实现接口的三种经典方式

1 /*2 接口:提供一种说明一个对象应该有哪些方法的手段3 js中有三种方式实现接口:4 1 注释描述接口5 2 属性检测接口6 3 鸭式辨型接口7 */8 9 /*10 1 注释描述接口&#xff1a; 不推荐11 优点&#xff1a; 利用注解&#xff0c;给出参考12 缺点&#x…
阅读更多...
eclipse启动tomcat不能正常访问问题

eclipse启动tomcat不能正常访问问题

问题&#xff1a; 1、eclipse中配置好tomcat服务器后&#xff0c;启动tomcat查看控制台信息显示启动成功&#xff0c; 但访问tomcat首页报404异常 2、而从tomcat/bin目录中启动后&#xff0c;就能够正常访问首页&#xff0c;由此分析应该是eclipse配置错误 解决方案&#xff1a…
阅读更多...
最新文章

Copyright @ 2022~2023