【实践】用js 实现 jq 的removeClass 方法

HTML 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js removeClass 应用</title> <style type="text/css"> div{ width: 100px; height: 100px; background-color: #00…

1.addClass:为指定的dom元素添加样式. 2.removeClass:删除指定dom元素的样式. 3.toggleClass:如果存在(不存在),就删除(添加)一个样式. 4.hasClass:判断样式是否存在. 原生 JS 代码如下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 function hasClass(obj, cls) { return obj.className.match(ne…

【实践】js封装 jq siblings 方法

思路: 1.获取调用元素的父元素下的所有子元素(即它的所有同辈元素和调用元素本身) 2.遍历调用元素父元素下的所有子元素除调用元素外的所有元素保存在一个数组里面代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js 封装siblings 方法</title> </head> &l…

js和jq使用submit方法无法提交表单

昨天,在做一个表单异步提交内容的时候,遇到很奇怪的问题,submit()方法无法进行提交,每次提交都是把当前给刷新了,网络抓包发现,每次都是 get方式去获取当前页面,完全没有post 请求,想着以前遇上这样的问题都是因为表单中有 name 或者 id 这些命名跟submit 有冲突,但是检查了几次,始终没有发现名字冲突,所以这个可能性被排除. 平常自己做触发按钮,基本不用a 标签,但是昨天不知道什么问题,竟然用了 a 而且还给了 href 为空,由于这个a 的class 有多个…

HTML，CSS，JS，JQ

CSS: <style>  .container input[type="text"][name="txt"]{ border: 3px solid red; }  .c1 #l1 a .cc1{} 空格:表示在某个标签的下一级,或者下下一级...去找某个或者某批标签</style><div class="container"> <i…

用JS和JQ来获取子节点！

用JS和JQ来获取子节点! 在JS中,如果通过document.getElementsByTagName来获取子元素有个弊端:它不单会获取符合要求的子元素,就连同孙元素也会获取.如果有特殊要求,那么最好要换一种方式来获取子元素.现在发现有两种方法. 获取如下#test的子元素: <div class="test" id="test"> <p>123</p> <p>567</p> </div>…

JQ的ready()方法与window.onload()的区别与联系

JQ的ready()与window.onload()方法都是在文档加载完毕之后才会被触发的方法,但它们之间的区别也是很明显的. 1.区别与联系: $(document).ready() window.onload() 加载时机网页DOM结构加载完毕即可执行网页内容全部加载完毕(包括图片.表格)才可执行执行次数多次,N次都不会被覆盖只能执行一次,如果多次,前面的会被覆盖举例以下代码正确执行: $(document).ready(function(){alert(“Hello”)}…

jQuery 属性操作 - addClass() 和 removeClass() 方法

实例向第一个 p 元素添加一个类: $("button").click(function(){ $("p:first").addClass("intro"); }); 定义和用法 addClass() 方法向被选元素添加一个或多个类. 该方法不会移除已存在的 class 属性,仅仅添加一个或多个 class 属性. 提示:如需添加多个类,请使用空格分隔类名. 语法 $(selector).addClass(class) 参数描述 class…

JS与JQ绑定事件的几种方式.

JS与JQ绑定事件的几种方式 JS绑定事件的三种方式直接在DOM中进行绑定 <button onclick="alert('success')" type="button" id="btn">测试按钮</button> DOM中绑定函数名 <button onclick="testFun" type="button" id="btn">测试按钮<…

JS、JQ相关小技巧积攒

JS.JQ相关小技巧积攒,以备不时之需. 1.js 获取时间差:时间戳相减.new Date().getTime() 获得毫秒数,除以(1000*60*60*24) 获得天数. 2.重定向操作:页面重定向:window.location.href="http://..."即可(本页页面跳转). 3.js立即执行函数,window.onload = function, $(document).ready({})区别以及执行时机以及先后顺序. 4.前台form表单的提交方式有很多…

原生JS与JQ获取元素的区别

刚学JQ不久,有时候可能会把JS和JQ获取元素的方式搞错,接下来获取属性方法什么的就一发不可收拾了,现在把两者获取获取元素的代码整理下. 一.原生JS获取元素. 1.常用的三种方式获取元素对象(将指定的元素封装成DOM对象): (1)通过元素ID获取:document.getElementById(),示例如下: 我们在控制台输出,结果如下: 可以看到我们获取到了id为div1的元素代码了 (2)通过元素标签名获取:document.getElementsByTagName(),它以数组的形式返…

JS中 call() 与apply 方法

1.方法定义 call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call 方法可以用来代替另一个对象调用一个方法.call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象. 如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj. apply方法: 语法:apply([thisObj[,argArray]])…

【转】js 关键字 in 的使用方法

js 关键字 in 的使用方法原文地址:http://sunct.iteye.com/blog/1709017 1.For...In 声明用于对数组或者对象的属性进行循环/迭代操作. 对于数组 ,迭代出来的是数组元素,对于对象 ,迭代出来的是对象的属性: var x var mycars = new Array() mycars[0] = "Saab" mycars[1] = "Volvo" mycars[2] = "BMW" for …

Jquery.cookie.js 源码和使用方法

jquery.cookie.js源码和使用方法 jQuery操作cookie的插件,大概的使用方法如下 $.cookie(‘the_cookie’); //读取Cookie值$.cookie(’the_cookie’, ‘the_value’); //设置cookie的值$.cookie(’the_cookie’, ‘the_value’, {expires: 7, path: ‘/’, domain: ‘jquery.com’, secure: true});//新建一个cookie 包括有效…

JS数组添加字典的方法

var ary_RoleType = []; //申明数组变量 for(var j = 0;j<treeData.length;j++){ if($.inArray(treeData[j].value, ary_RoleType) < 0){//使用jquery进行判断该数组是否包含该值 ary_RoleType.push({ //类似于JS添加JSON的字典方法,Key对应键值,value对应值 'key': treeData[j].Type.value, 'value': treeDat…

JS去掉首尾空格简单方法大全(原生正则jquery)

JS去掉首尾空格简单方法大全 var osfipin= ' http://www.cnblogs.com/osfipin/ '; //去除首尾空格 osfipin.replace(/(^\s*)|(\s*$)/g, ""); //去除左边空格 osfipin.replace(/(^\s*)/g, ""); //去除右边空格 osfipin.replace(/(\s*$)/g, ""); //jquery 需提前引用jquery $.trim(o…

JSF页面中使用js函数回调后台bean方法并获取返回值的方法

由于primefaces在国内使用的并不是太多,因此,国内对jsf做系统.详细的介绍的资料很少,即使有一些资料,也仅仅是对国外资料的简单翻译或者是仅仅讲表面现象(皮毛而已),它们的语句甚至还是错误的,很可能会误导使用者. 相对来说,看国内的那些仅仅是翻译过来的文章或书籍不如直接看国外的官方文档或资料来的实在,在我讲述jsf页面中如何使用js调用后台bean方法之前,先给大家说几个国外的资料.在primefaces官方网站上,你可以搜索到几乎所有你需要的东西,primefaces官网为:http:…

js弹出对话框的方法总结

九种js弹出对话框的方法总结,需要的朋友可以参考一下 [1.最基本的js弹出对话框窗口代码] 这是最基本的js弹出对话框,其实代码就几句非常简单: <script LANGUAGE="javascript">  </script> 因为这是一段javascripts代码,所以它们应该放在<script LANGUAGE="javascript&qu…

removeClass() 方法

删除元素的class类别用removeClass() 方法,与addClass()方法对应.具体使用如下: 如果要删除 p 标记是 cls0 的类别,可以使用如下的代码: $("p").removeClass("cls0"); 如果要删除 p 标记是 cls0 和 cls1 的类别,可以使用如下的代码: $("p").removeClass("cls0 cls1"); 如果要删除 p 标记的全部类别,可以使用如下的代码: $(…

JS 的 call apply bind 方法

js的call apply bind 方法都很常见,目的都是为了改变某个方法的执行环境(context) call call([thisObj[,arg1[, arg2[, [,.argN]]]]]) thisObj可选项.将被用作当前对象的对象.arg1, arg2, argN ..可选项.将被传递方法参数序列. 如果没设置严格模式 “use strict” 当thisObj 不存在或为 undefined 或为 null 或为 this 时,则隐式地指向全局对象(在浏览器中即为 wi…

JS与JQ倒计时的写法

页面需要制作一个倒计时的功能:然后度娘了一遍,找到两种写法,原生JS与JQ 的,经过测试原生JS在IE可能会有不刷新的现象所以结合了一个大神的JQ写法修改好了一个. 原生JS写法: HTML: <div class="time"> <span id="t_d"></span> <span id="t_h"></span> <span id="t_m">&l…

关于通过JS识别浏览器类型的方法

JS检测浏览器类型的方法网络上一般采用navigator.userAgent判断浏览器标识的办法,但是有个麻烦的问题是IE11不断升级之后,IE11的userAgent变成: "Mozilla/5.0 (Windows NT 6.1; WOW64; Trident/7.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E; r…

笔记：1.css样式，最前边加 @charset "utf-8";是为什么2.js判断各种浏览器的方法

表明CSS文件的页面编码为UTF-8..如果这个CSS的文件编码也是UTF-8的话..那么在浏览器中看到的CSS文件的页面中中文的注释或者中文字体就可以正确显示为中文,如果CSS的文件编码和页面不一致的话.那么这个CSS文件的中文则会显示为乱码.特别是定义中文字体的时候.就不能正确识别.其他则没有多大影响. GB2312编码适用于汉字处理.汉字通信等系统之间的信息交换,通行于中国大陆:新加坡等地也采用此编码.中国大陆几乎所有的中文系统和国际化的软件都支持GB 2312.var Browser_N…

JS获取网页宽高方法集合

JS获取网页宽高等方法的集合:document.body.clientWidth - 网页可见区域宽document.body.clientHeight - 网页可见区域高 document.body.offsetWidth - 网页可见区域宽,包括边线和滚动条的宽document.body.offsetHeight - 网页可见区域高,包括边线和滚动条的高[FF,chrom下是整个页面高,IE opera 下正常] document.body.scrollWidth - 网页总宽documen…

（转载）JS事件监听 JS:attachEvent和addEventListener使用方法

(转载)http://www.chhua.com/web-note146 attachEvent和addEventListener使用方法 Js代码 <html> <head> <title>JS</title> </head> <body> <input id="para" type="text"/> <script> function test() { alert(&…

js获取IP地址的方法小结

s代码获取IP地址的三种方法,在js中取得客户端的IP地址. 原文地址:http://www.jbxue.com/article/11338.html 1,js取得IP地址的方法一 <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script> <script type="text/<A class="infotextkey" href="http://…

js获取url参数的方法

js获取url参数的方法有很多. 1.正则分析 function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); retur…

swfobject.js 2.2简单使用方法

swfobject.js 2.2简单使用方法官方网址介绍http://code.google.com/p/swfobject/wiki/documentation 用法:html部分<div id="swf1">......</div>js部分 swfobject.embedSWF("test.swf", "swf1", "300", "120", "9.0.0&qu…

JS页面延迟执行一些方法(整理)

一般在JS页面延迟执行一些方法.可以使用以下的方法 jQuery.delay()方法简介 http://shawphy.com/2010/11/jquery-delay.html jQuery中queue和dequeue的用法 http://www.jb51.net/article/25481.htm Window.setTimeout http://www.jb51.net/article/20741.htm以下是我用到的一些例子. 复制代码代码如下: //延迟查询,传一个查询btn的ID,然…

js模拟jq获取id

js模拟jq获取id: (jquery)需要自己添加 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js模拟jq的点击效果</title> <style> * {margin: 0; padding: 0;} #btn {display:block;height: 30px; width:…