jQuery 的 data API 实现方式有缓存数据的效果 使用 IE 7 (IE8+ 在控制台切换至IE7 模式),当DOM 节点有自定义数据属性时,检查 DOM 节点即可看到 形如 jQuery18305664906559272507 的属性,这便是 用于从数据存储对象中获取自定义数据的建。当自定义数据属性是一个 json 格式字符串时,缓存的数据如果被修改, 则修改后的数据继续存在于缓存系统中, 如果不留意,这可能导致一些BUG 代码如下: var node = $("#tst"); c...
如题,将使用jquery来在页面加载时获取页面input控件中所有text控件并添加样式。 以前写过的页面上所使用的text控件width属性太小需要改动,改动牵扯页面上所有text的属性,改动每个控件的width感觉会很麻烦,所以就想通过在页面加载的时候将要改动的text找到并添加属性。首先先写了一个css样式: 代码如下: .wid { width:205px; } 在页面加载中所写的代码如下: $("input[type=text]").addClass("wid"); //获取input控件中所有t...
以下面的html为例 代码如下: 百度 1.通过HTMLElement类型(对象)的属性获得和设置元素特性 代码如下: var div = document.getElementById("myDiv"); var img = document.getElementById("img1"); var a = document.getElementById("myA"); //取得元素特性 alert(div.id); //"myDiv" alert(div.className); //"bd",这里不是div.class,是因为class是保留关键字 alert(div.title); //"我是div" alert(a.href); //http://www....
display版本:CSS1/CSS2 兼容性:IE4+ NS4+ 继承性:无 语法: display : block | none | inline | compact | marker | inline-table | list-item | run-in | table |table-caption | table-cell | table-column | table-column-group | table-footer-group | table-header-group | table-row | table-row-group 参数: block : C...
代码如下: var doc = window.document, input = doc.createElement(input); if( typeof input[placeholder] == undefined ) // 如果不支持placeholder属性 { $(input).each(function( ele ) { var me = $(this); var ph = me.attr(placeholder); if( ph && !me.val() ) { me.val(ph).css(color, #aaa).css(line-height, me.css(height)); } me.on(focus, function() { if( me.val() === ph) { me.val(null).css(color, ); } }).on(...
location对象提供了很多属性和方法用来解析URL。 代码如下: var uristr = window.location.search.substr(1); var array = uristr.split('&&'); for (var i = 0; i var array1 = array[i].split('='); alert(array1[0]); } --------------------//hash:返回#符号后的内容 function showhash() { alert(window.location.hash); } --------------------//host:服务器的名字 function showhost() { alert(window.location.host); ...
一、元素属性 向XHTML页面中插入JavaScript的主要方法,就是使用元素,该元素有5个属性分别为charset、defer、language、src、type,经常使用的是type、src、defer这三个。 1、type属性的值一般都是text/javascript,该属性是必须的,。 2、src属性的值是*.js外部文件,该属性是可选的,。 在这个例子中,外部文件example.js将被加载到当前页面中。外部文件只需包含通常要放在开始的和结束的之间的那些Javascript代码即可。与解析嵌入...
$("form").attr("check"); $("form").prop("check"); 两种都可以,不过新版jquery推荐第二种,两个在其他方面都差不多,我发现的唯一不同就是在checkbox上的时候,需要用prop,不然IE浏览器会不兼容 代码如下: <scripttype="text/javascript"src="/js/jq1.3.2.js"></ script> <divlang="rrery">
// JQuery为textarea添加maxlength // textarea默认不支持maxlength属性。 // 通过JQuery的keyup事件: JQuery代码如下: 代码如下: $(function(){ //IE也能用textarea $("textarea[maxlength]").keyup(function(){ var area=$(this); var max=parseInt(area.attr("maxlength"),10); //获取maxlength的值 if(max>0){ if(area.val().length>max){ //textarea的文本长度大于maxlength area.val(area.val().substr(0,max)); //截断t...
在JQuery编码中,我们会判断元素是否存在某个属性.比如是否包含 class="new" 的样式呢.JQuery判断就非常简单了,因为有 hasClass这个方法 $("input[name=new]").hasClass("new") 即可判断. 但是有时候我们需要判断别的属性,比如有的 a 链接包含 rel 属性,有的没有rel属性.这时该怎么判断呢? 这时就没有现成的方法了. 如果存在某个属性 $("#aid").attr("rel") 会返回 rel的值,如果不存在 rel属性则会返回"undefined" undefined 就是 u...
众多周知 CSS3 增加了很多属性,在读写的时候就没有原先那么方便了。 如: <div style="left:100px"> 只考虑行间样式的话,只需 div.style.left 就可获取,设置的时候也只需要 div.style.left=100px 即可。很简单。 但是css3来了 如: <div style="-webkit-transform: translate(20px,-20px)"> 怎么搞?被吓住了。。。 设置的时候很简单: div.style.webkitTransform='translate(20px,-20px) ' 遵循驼峰式的写法即可。 获...
以文谨记在此被浏览器版本差异的坑。 代码如下: Array.prototype.Contains = function (str) { if (!str) return false; for (var i = 0; i < this.length; i++) { if (this[i] == str) { return true; } } return false; } var tmp = new Array(); tmp.push("1"); tmp.push("2"); tmp.push("3"); alert("遍历属性"); for ( var i in tmp ) { alert(tmp[i]); } alert("遍历数组"); for ( var i=0;i<tmp.length;i++ ) { alert(tmp[...
用JavaScript修改CSS属性 只有写原生的javascript了。 1.用JS修改标签的 class 属性值: class 属性是在标签上引用样式表的方法之一,它的值是一个样式表的选择符,如果改变了 class 属性的值,标签所引用的样式表也就更换了,所以这属于第一种修改方法。 更改一个标签的 class 属性的代码是: document.getElementById( id ).className = 字符串; document.getElementById( id ) 用于获取标签对应的 DOM 对象,你也可以用其它方法...
代码如下: //两种方法设置disabled属性 $(#areaSelect).attr("disabled",true); $(#areaSelect).attr("disabled","disabled"); //三种方法移除disabled属性 $(#areaSelect).attr("disabled",false); $(#areaSelect).removeAttr("disabled"); $(#areaSelect).attr("disabled","");