-
选择器checked适用于复选框和单选框， 选择器selected用于下拉框元素。 <option>...</option> removeAttr 移除属性查看全部
-
<form>...</form>这里面text password radio checkbox submit image reset button file $(":input") $("input:...")查看全部
-
jQuery的属性与样式之元素的数据存储 HTML data-* 属性 在HTML5中我们可以使用data-前缀设置我们需要的自定义属性，来进行一些数据的存放，例如我们要在一个文字按钮上存放相对应的id：<a href="javascript:" data-id="2312">测试</a> html5 dataset是新的HTML5标准，允许你在普通的元素标签里嵌入类似data-*的属性，来实现一些简单数据的存取。它的数量不受限制，并且也能由JavaScript动态修改，也支持CSS选择器进行样式设置。这使得data属性特别灵活，也非常强大。有了这样的属性我们能够更加有序直观的进行数据预设或存储。那么在不支持HTML5标准的浏览器中，我们如何实现数据存取? jQuery就提供了一个.data()的方法来处理这个问题 我们把DOM可以看作一个对象，那么我们往对象上是可以存在基本类型，引用类型的数据的，但是这里会引发一个问题，可能会存在循环引用的内存泄漏风险。通过jQuery提供的数据接口，就很好的处理了这个问题了，我们不需要关心它底层是如何实现，只需要按照对应的data方法使用就行了 jQuery提供的存储接口 $.data( element, key, value ) //静态接口,存数据。（元素，键，值） $.data( element, key ) //静态接口,取数据 element.data( key, value ) //实例接口,存数据 element.data( key ) //实例接口,取数据 -------------------------------------------------------------------------------- jQuery提供的删除接口 $.removeData( element [, name ] ) element.removeData( [name ] )查看全部
-
.css()与.addClass()设置样式的区别: 可维护性： .addClass()的本质是通过定义个class类的样式规则，给元素添加一个或多个类。css方法是通过JavaScript大量代码进行改变元素的样式; 通过.addClass()我们可以批量的给相同的元素设置统一规则，变动起来比较方便，可以统一修改删除。如果通过.css()方法就需要指定每一个元素是一一的修改，日后维护也要一一的修改，比较麻烦. 灵活性： 通过.css()方式可以很容易动态的去改变一个样式的属性，不需要在去繁琐的定义个class类的规则。一般来说在不确定开始布局规则，通过动态生成的HTML代码结构中，都是通过.css()方法处理的 样式值： .addClass()本质只是针对class的类的增加删除，不能获取到指定样式的属性的值，.css()可以获取到指定的样式值。 样式的优先级： css的样式是有优先级的，当外部样式、内部样式和内联样式同一样式规则同时应用于同一个元素的时候，优先级如下: 外部样式 < 内部样式 < 内联样式 1..addClass()方法是通过增加class名的方式，那么这个样式是在外部文件或者内部样式中先定义好的，等到需要的时候在附加到元素上; 2.通过.css()方法处理的是内联样式，直接通过元素的style属性附加到元素上的 所以，通过.css方法设置的样式属性优先级要高于.addClass方法. 总结： .addClass与.css方法各有利弊，一般是静态的结构，都确定了布局的规则，可以用addClass的方法，增加统一的类规则; 如果是动态的HTML结构，在不确定规则，或者经常变化的情况下，一般多考虑.css()方式查看全部
-
jQuery的属性与样式之样式操作.css() .css() 方法：获取元素样式属性的计算值或者设置元素的CSS属性 获取： 1..css( propertyName ) ：获取匹配元素集合中的第一个元素的样式属性的计算值 2..css( propertyNames )：传递一组数组，返回一个对象结果 设置： 1..css(propertyName, value )：设置CSS 2..css( propertyName, function )：可以传入一个回调函数，返回取到对应的值进行处理 3..css( properties )：可以传一个对象，同时设置多个样式 注意事项： 1.浏览器属性获取方式不同，在获取某些值的时候都jQuery采用统一的处理，比如颜色采用RBG，尺寸采用px 2..css()方法支持驼峰写法与大小写混搭的写法，内部做了容错的处理 3.当一个数只被作为值（value）的时候， jQuery会将其转换为一个字符串，并添在字符串的结尾处添加px，例如 .css("width",50}) 与 .css("width","50px"})一样查看全部
-
jQuery的属性与样式之切换样式.toggleClass(): 1.toggleClass是一个互斥的逻辑，也就是通过判断对应的元素上是否存在指定的Class名，如果有就删除，如果没有就增加 2.toggleClass会保留原有的Class名后新增，通过空格隔开查看全部
-
jQuery的属性与样式之删除样式 .removeClass(): 1..removeClass( [className ] )：每个匹配元素移除的一个或多个用空格隔开的样式名 2..removeClass( function(index, class) ) ： 一个函数，返回一个或多个将要被移除的样式名查看全部
-
<h3>:not</h3> <div class="left"> <div> <input type="checkbox" name="a" /> <p>Aaron</p> </div> <div> <input type="checkbox" name="b" /> <p>慕课</p> </div> <div> <input type="checkbox" name="c" checked="checked" /> <p>其他</p> </div> </div> <script type="text/javascript"> //:not 选择所有元素去除不匹配给定的选择器的元素 //选中所有紧接着没有checked属性的input元素后的p元素，赋予颜色 $("input:not(:checked)+p").css("background-color", "#CD00CD"); </script>查看全部
-
jQuery的属性与样式之增加样式.addClass() .addClass( className )方法 1..addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名 2..addClass( function(index, currentClass) ) : 这个函数返回一个或更多用空格隔开的要增加的样式名 注意事项： .addClass()方法不会替换一个样式类名。它只是简单的添加一个样式类名到元素上查看全部
-
本章内容更css3结构伪类选择器很相似。所以没有必要死记。灵活些，$(".E：选择器")。 E代表的Element是元素名。查看全部
-
理解本章知识的关键点是：1.找对（）层次）节点之间的关系。2.再找对节点之间的前提下使用合理的选择器。子选择器有> 、后代选择器有空格，相邻兄弟选择器用+，一般相邻选择器用~查看全部
-
jQuery的属性与样式之.val() .val()方法 主要是用于处理表单元素的值，比如 input, select 和 textarea。 1..val()无参数，获取匹配的元素集合中第一个元素的当前值; 2..val( value )，设置匹配的元素集合中每个元素的值; 3..val( function ) ，一个用来返回设置值的函数; 注意事项： 1.通过.val()处理select元素， 当没有选择项被选中，它返回null 2..val()方法多用来设置表单的字段的值 3.如果select元素有multiple（多选）属性，并且至少一个选择项被选中， .val()方法返回一个数组，这个数组包含每个选中选择项的值 .html(),.text()和.val()的差异总结： 1..html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。 2..html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。 3..html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
同样的，如果给所有的p元素，也通过JS元素方法，也可以实现 var ap=document.getElementsByTagName("p"); for(var j=0;j<ap.length;j++){ p[j].style.border = "3px solid red";查看全部
-
jQuery的属性与样式之html()及.text() .html()方法: 获取集合中第一个匹配元素的HTML内容 或 设置每一个匹配元素的html内容，具体有3种用法： .html() 不传入值，就是获取集合中第一个匹配元素的HTML内容 .html( htmlString ) 设置每一个匹配元素的html内容 .html( function(index, oldhtml) ) 用来返回设置HTML内容的一个函数 注意事项： .html()方法内部使用的是DOM的innerHTML属性来处理的，所以在设置与获取上需要注意的一个最重要的问题，这个操作是针对整个HTML内容（不仅仅只是文本内容） .text()方法 得到匹配元素集合中每个元素的文本内容结合，包括他们的后代，或设置匹配元素集合中每个元素的文本内容为指定的文本内容。，具体有3种用法： .text() 得到匹配元素集合中每个元素的合并文本，包括他们的后代 .text( textString ) 用于设置匹配元素内容的文本 .text( function(index, text) ) 用来返回设置文本内容的一个函数 注意事项： .text()结果返回一个字符串，包含所有匹配元素的合并文本 .html与.text的异同: .html与.text的方法操作是一样，只是在具体针对处理对象不同 .html处理的是元素内容，.text处理的是文本内容 .html只能使用在HTML文档中，.text 在XML 和 HTML 文档中都能使用 如果处理的对象只有一个子文本节点，那么html处理的结果与text是一样的 火狐不支持innerText属性，用了类似的textContent属性，.text()方法综合了2个属性的支持，所以可以兼容所有浏览器查看全部
-
本节学习的是$(".class")选择器。其实可以这么记：$("")jQuery固定格式+css选择器（放进jQuery引号里面，它是一个字符串，不是一个变量！）查看全部
举报
0/150
提交
取消