-
removeClass(className); 1.每个匹配的元素移除一个或多个用空格隔开的样式名 2.removeClass(function(index,class)):一个函数,返回一个或多个用空格隔开的将要被移除的样式名;查看全部
-
.addClass(className)方法. 1.addClass(className)为每个匹配元素增加一或多个样式名; 2.addClass(function(index,currenClass)),这个函数返回一个或更多用空格隔开的要增加的样式名查看全部
-
html(),text(),val()的差异总结: 1.html(),text(),val()三种方法都是用来读取选定元素的内容;html()只是用来读取元素的html();包括文本标签和html标签,text()用来读取元素纯文本内容,包括其后代元素,val()是用来读取表单元素的value值,其中html()和text()方法不能使用在表单元素上,而val()只能用于表单元素上,另外.html()方法使用在多个元素上只能读取第一个元素,val()和html()一样,其应用在多个元素上,只能读取第一个表单上的元素,text()与其他两个不同,text()应用在多个元素上,将会读取所选中元素的所有文本内容 2.html(htmlString),text(textString),val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换选中元素的本文。 3.html().text(),val()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
jQuery对象与DOM对象是不一样的查看全部
-
<script type="text/javascript"> //.removeClass() 方法允许我们指定一个函数作为参数,返回将要被删除的样式 $('.right > div:first').removeClass(function(index,className){ //className = aa bb imoocClass //把div的className赋给下一个兄弟元素div上作为它的class $(this).next().addClass(className) //删除自己本身的imoocClass return 'imoocClass' })查看全部
-
显示通过html方法获取到的内容 <div class="div"> <a>:first-child</a> <a>第二个元素</a> <a>:last-child</a> </div> <div class="div"> <a>:first-child</a> <a>第二个元素</a> <a>:last-child</a> </div> 显示通过text方法获取到的内容 :first-child 第二个元素 :last-child :first-child 第二个元素 :last-child查看全部
-
<h4>显示通过html方法获取到的内容</h4> <p></p> <h4>显示通过text方法获取到的内容</h4> <p></p> <script type="text/javascript"> //显示出html方法获取到的内容 //整个html文档内容的集合 $('p:first').text( $(".first-div").html() ) </script> <script type="text/javascript"> //显示出text方法获取到的内容 //文本内容的集合 $('p:last').text( $(".first-div").text() ) </script> <script type="text/javascript"> //通过.text()方法替换文本内容 $(".left a:first").text('替换第一个a元素的内容') </script> <script type="text/javascript"> //通过.html()方法替换html结构 $(".left div:first").text('整个div的子节点都被替换了') </script> <script type="text/javascript"> //通过.text()的回调,获取原本的内容,修改,在重新赋值 $(".left a:first").text(function(idnex,text){ return '第三个文本元素的内容' + text }) </script>查看全部
-
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("div").html("您好!通过慕课网学习jQuery才是最佳的途径。"); }); </script> $(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
<script type="text/javascript"> //通过className(fucntion)方法 //这个函数返回一个或更多用空格隔开的要增加的样式名。 //接收index 参数表示元素在匹配集合中的索引位置和html 参数表示元素上原来的 HTML 内容 //找到所有的div,然后通过addClass设置颜色,根据返回的className的判断, $("div").addClass(function(index,className) { //找到类名中包含了imooc的元素 if(-1 !== className.indexOf('imooc')){ //this指向匹配元素集合中的当前元素 $(this).addClass('imoocClass') } }); </script>查看全部
-
.html(),.text()和.val()的差异总结: .html(),.text(),.val()三种方法都是用来读取选定元素的内容;只不过.html()是用来读取元素的html内容(包括html标签),.text()用来读取元素的纯文本内容,包括其后代元素,.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上;另外.html()方法使用在多个元素上时,只读取第一个元素;.val()方法和.html()相同,如果其应用在多个元素上时,只能读取第一个表单元素的"value"值,但是.text()和他们不一样,如果.text()应用在多个元素上时,将会读取所有选中元素的文本内容。 .html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容,如果三个方法同时运用在多个元素上时,那么将会替换所有选中元素的内容。 .html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
jQuery选择器之内容筛选选择器 $(".div:contains('contains')") 类名为div的包含文本contains的元素 $(".div:has('span')") 类名为div的包含span标签的元素 $("a:empty") 选择所有没有子元素的元素(包含文本节点) $("a:parent") 选择所有包含a标签的元素查看全部
-
$div[0]== $div.get(0)查看全部
-
jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。查看全部
-
感觉还是不太懂查看全部
-
$(":enable");选取可用的表单元素; $("disable");选取不可用的表单的元素; $(":checked");选取被选中的<input>的元素; $(":selected");选取被选中的<option>的元素查看全部
举报
0/150
提交
取消