-
:hidden选择器，不仅仅包含样式是display="none"的元素，还包括隐藏表单、visibility等等查看全部
-
//.removeClass() 方法允许我们指定一个函数作为参数，返回将要被删除的样式 $('.right > div:first').removeClass(function(index,className) //className = aa bb imoocClass //把div的className赋给下一个兄弟元素div上作为它的class $(this).next().addClass(className) //删除自己本身的imoocClass return 'imoocClass' })查看全部
-
-->.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()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
普通处理，通过标准JavaScript处理： var p = document.getElementById('imooc'); p.innerHTML = '您好！通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red'; 通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取的DOM元素就是DOM对象，通过DOM方法将自己的innerHTML与style属性处理文本与颜色。 jQuery的处理： var $p = $('#imooc'); $p.html('您好！通过慕课网学习jQuery才是最佳的途径').css('color','red'); 通过$('#imooc')方法会得到一个$p的jQuery对象，$p是一个类数组的对象这个对象里面其实是包含了DOM对象的信息的然后封装了很多操作方法，调用自己的方法html与css处理，得到的效果与标准的JavaScript处理结果是一致的。查看全部
-
为了更好的理解，下述中，拿属性class和属性值box作例子。 1.$(":[class|='box']") 选中的div格式:<div class="box"></div>或者<div class="box-bottom"></div> 2.$(":[class*='box']") 选中的div格式:<div class="box"></div>或者<div class="big-box-bottom"></div> 3.$(":[class~='box']") 选中的div格式:<div class="box bottom"></div> 4.$(":[class="box"]") 选中的div格式：<div class="box"></div> 5.$(":[class!="box"]") 选中的div：<div id="noClass"></div>或者<div class="notBox"></div> 6.$(:[class^='box']) class值以box开始 选中的div:<div class="boxbottom"></div> 7.$(":[class$='box']") class值以box结束。区分大小写。 选中的div:<div class="bigbox"></div> 8.$(":[class]") 所有具有class属性的div $(":[attributeFilter1][attributeFilterN]") 选择匹配所有指定的属性筛选器的元素 $(":[class|='box']")和$(":[class="box"]")的区别：前者不仅可以选择后者的标签，还会选中class前缀是box的标签。 $(":[class*='box']")和$(":[class="box"]")的区别：前者是class值里包含box,后者是完全等于box $(":[class|='box']")和.$(:[class^='box'])的区别：前者是class值以box为前缀，后者是以box开头就行。 css选择器，IE6以下浏览器不支持。查看全部
-
可见性筛选选择器： $(":visible") 选择所有显示的元素。 $(":hidden") 选择所有隐藏的元素。 隐藏元素的方法： 1.display:none; 2.width:0;height:0; 3.visibility:hidden; 4.opacity:0; 5.表单元素，type="hidden" 6.祖先元素是隐藏的，其后代元素也会隐藏。查看全部
-
index为同级之中当前元素的序列号查看全部
-
$.data($(this),"a","value"),给对象$.data加了$(this)对象 并且给他加了属性a=value $.data($(this),"b",{name:"慕课网"})给对象$.data加了$(this)对象 并且给他加了对象b={name："慕课网"} 获取属性值 $.data（$(this).a）获取对象中$(this)的a属性 $.data（$(this).b）.name获取对象中b对象的name属性 通过$(this).("a","value"),直接给事件对象加了属性a直接给事件对象加了$(this).("b",{name：“慕课网”})加了b对象； 获取方式$(this).data("a") $(this).data("b").name查看全部
-
通过标准的JavaScript操作DOM与jQuyer操作DOM的对比，我们不难发现： 通过jQuery方法包装后的对象，是jQuery对象，它是一个新的对象 jQuery与DOM对象完全不是同一个东西，但是又似曾相似，因为他们都能处理DOM 通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容问题，我们可以通过jQuery更友好的API进行开发，同时代码也会更加精短查看全部
-
jQuery.data（）用法暂时没用上，先mark 以后再说。 顺便测试下笔记功能查看全部
-
<script type="text/javascript"> //查找所有class="first-div"下的a元素，只取第一个 //针对所有父级下的第一个 $(".first-div a:first-child").css("color", "#CD00CD"); </script> <script type="text/javascript"> //查找所有class="first-div"下的a元素，只取最后一个 //针对所有父级下的最后一个 //如果只有一个元素的话，last也是第一个元素 $('.first-div a:last-child').css("color", "red"); </script> <script type="text/javascript"> //查找所有class="first-div"下的a元素，如果只有一个子元素的情况 $(".first-div a:only-child").css("color", "blue"); </script>查看全部
-
<script type="text/javascript"> //查找所有class="last-div"下的a元素,选择第二个 $(".last-div a:nth-child(2)").css("color", "#CD00CD"); </script> <script type="text/javascript"> //查找所有class="last-div"下的a元素,选择第倒数第二个 $(".last-div a:nth-last-child(2)").css("color", "red"); </script>查看全部
-
1、jQuery提供的存储接口 ①jQuery.data( element, key, value ) //静态接口,存数据 ②jQuery.data( element, key ) //静态接口,取数据 ③.data( key, value ) //实例接口,存数据 ④.data( key ) //实例接口,存数据 2个方法在使用上存取都是通一个接口，传递元素，键值数据。在jQuery的官方文档中，建议用.data()方法来代替。 2、提供2个对应的删除接口，使用上与data方法其实是一致的，只不过是一个是增加一个是删除罢了 ①jQuery.removeData( element [, name ] ) ②.removeData( [name ] )查看全部
-
我们有几种方式可以隐藏一个元素： CSS display的值是none。 type="hidden"的表单元素。 宽度和高度都显式设置为0。 一个祖先元素是隐藏的，该元素是不会在页面上显示 CSS visibility的值是hidden CSS opacity的指是0 如果元素中占据文档中一定的空间,元素被认为是可见的。<br> 可见元素的宽度或高度，是大于零。<br> 元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。查看全部
-
:contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 如果:contains匹配的文本包含在元素的子元素中，同样认为是符合条件的。 :parent与:empty是相反的，两者所涉及的子元素，包括文本节点查看全部
举报
0/150
提交
取消