-
通过一个简单的例子,简单区分下jQuery对象与DOM对象: <p id=”imooc”></p> 我们要获取页面上这个id为imooc的p元素,然后给这个文本节点增加一段文字:“您好!通过慕课网学习jQuery才是最佳的途径”,并且让文字颜色变成红色。 普通处理,通过标准JavaScript处理: var p = document.getElementById('imooc'); p.innerHTML = '您好!通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red'; 通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取的DOM元素就是一个DOM对象,再通过innerHTML与style属性处理文本与颜色。 jQuery的处理: var $p = $('#imooc'); $p.html('您好!通过慕课网学习jQuery才是最佳的途径').css('color','red'); 通过jQuery方法包装后的对象,是一个类数组对象。它与DOM对象完全不同,唯一相似的是它们都能操作DOM。 通过jQuery处理DOM的操作,可以让开发者更专注业务逻辑的开发,而不需要我们具体知道哪个DOM节点有那些方法,也不需要关心不同浏览器的兼容性问题,我们通过jQuery提供的API进行开发,代码也会更加精短。查看全部
-
$("div").html()是使用标签选择器获取div标签,并将内容设置为:您好!通过慕课网学习jQuery才是最佳的途径。 对应于javascript中的各类选择器,如: $("*") ——所有元素 $("#lastname") ——id="lastname" 的元素 $(".intro") ——所有 class="intro" 的元素 $("p") ——所有 <p> 元素 $(".intro.demo") ——所有 class="intro" 且 class="demo" 的元查看全部
-
1.jQuery环境搭建 jQuery是一个JavaScript脚本库,不需要特别的安装,只需要我们在页面 <head> 标签内中,通过 script 标签引入 jQuery 库即可。 <script type="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>查看全部
-
1.toggleClass是一个互斥的逻辑,也就是通过判断对应的元素上是否存在指定的Class名,如果有就删除,如果没有就增加 2.toggleClass会保留原有的Class名后新增,通过空格隔开 //true,那么这个样式类将被添加; //false,那么这个样式类将被移除 //所有的奇数tr元素,应该都保留class="c"样式 $("#table tr:even").toggleClass("c", false); odd奇数, even偶数查看全部
-
$('.right > div:first')是className(类名)为right的元素的第一个子元素div $('.left div').removeClass('newClass'),前面的类名加“.”,要删除的类名不加“.” $('.right > div:first').removeClass(function(index,className){ //className = aa bb imoocClass //把div的className赋给下一个兄弟元素div上作为它的class $(this).next().addClass(className) //删除自己本身的imoocClass return 'imoocClass' }) 返回值 imoocClass ,相当于变成 $('.right > div:first').removeClass("imoocClass") a是选择器所选元素的index值(不懂Index可以自行百度),b是所选元素的classname值。后面的函数体部分跟这个function运行无关,你可以编写进行一些操作,return的返回值是返回给remove()的,这个返回值要写索要删除的classname值。查看全部
-
跨越七海的_风 教你一些技巧,凡是带高薪、实习生、实训生、国企、包吃住、转行等关键词的都可以直接屏蔽,然后点进去之后,要求一般有什么欢迎自动化,数学、电子等专业报投或者应届毕业生投递的 一般八九不离十是的了。最关键的是经验要求,什么无经验还给出的待遇非常好的(比如包吃住,五险一金)这种,那就肯定是的了,你想你一个什么都不会的人,正常公司凭什么给你这些,除开这些之后,基本上就清净的多了。 北大某鸟,达某,某弟连,某为峰 前端实习生,现在网上的实习生招聘百分之90是培训机构查看全部
-
$("div").addClass(function(index,className) { //找到类名中包含了imooc的元素 if(-1 !== className.indexOf('imooc')){ //this指向匹配元素集合中的当前元素 $(this).addClass('imoocClass') } 从头到尾地检索字符串 stringObject,看它是否含有子串 searchvalue。开始检索的位置在字符串的 fromindex 处或字符串的开头(没有指定 fromindex 时)。如果找到一个 searchvalue,则返回 searchvalue 的第一次出现的位置。 注释:indexOf() 方法对大小写敏感! 注释:如果要检索的字符串值没有出现,则该方法返回 -1。 $("div[class*='imooc']").addClass("imoocClass");这种方法应该也行 stringObject.indexOf(searchvalue,fromindex) 关于indexOf()的问题,它不是针对字符串吗?这里检验类名又没有用正则。会不会有误差??比如刚好类名里面包括这个中间字符imooc,而中间没有空格,也就是类名只是中间刚好有部分就假如是className=imooc1,不是也能检验出来吗,那不就添加错了查看全部
-
.addClass()方法不会替换一个样式类名。它只是简单的添加一个样式类名到元素上,以前的那个旧class还在。查看全部
-
.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()都可以使用回调函数的返回值来动态的改变多个元素的内容查看全部
-
//通过.text()的回调,获取原本的内容,修改,在重新赋值 $(".left a:first").text(function(idnex,text){ return '增加新的文本内容' + text }) 应该先去了解一下什么是回调函数,回调函数不是我们自己调用的,而是在运行过程中程序自动调用的.举个例子,一个点击事件,鼠标点击一下,程序会调用一个方法,方法里面有几个参数,其中鼠标的x,y轴位置,这都是程序自动跳上去的,程序自动调用函数,自动把参数填上。这里也是,这个匿名函数你根本没有调用,index和text都是程序自己填上的。 http://static.mukewang.com/img/58b8f7680001ed3111220261.jpg查看全部
-
回调函数里$(".left a:first")指的是第二个div里的第一个a,因为第一个div里的结构通过$(".left div:first").html('整个div的子节点都被替换了')改变了,里面没有a标签了查看全部
-
html显示的是文档结构 text是文本内容的集合 显示通过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查看全部
-
$('input:eq(2)').attr('value',function(i, val){ return '通过function设置' + val }) function(i, val)中两个参数i和val是默认写法(当然你写成其他的y,qwq也是可以的),解释一下,function(i, val)中两个参数的含义,第一个i是指通过前面$("input")标签找到的第几个input元素(但是这里指明了eq(2),所以只有唯一的一个指定的input。)val是对应第i个input标签里的值。即在这一题里面function(i, val)中val就是特指现有的值:"回调拼接value" 这个字符串查看全部
-
//把p元素转化成jQuery的对象 var $this= $(this) $this.css('color','red') this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象,可以调用jQuery的方法和属性值。查看全部
-
$('option:selected').removeAttr('selected') option选项,下拉列表 selected查看全部
举报
0/150
提交
取消