为了账号安全,请及时绑定邮箱和手机立即绑定
  • jQuery的属性与样式之删除样式.removeClass() .removeClass( )方法 1 .removeClass( [className ] ):每个匹配元素移除的一个或多个用空格隔开的样式名 2 .removeClass( function(index, class) ) : 一个函数,返回一个或多个将要被移除的样式名
    查看全部
  • jQuery的属性与样式之增加样式.addClass() .addClass( className )方法 .addClass( className ) : 为每个匹配元素所要增加的一个或多个样式名 .addClass( function(index, currentClass) ) : 这个函数返回一个或更多用空格隔开的要增加的样式名 注意事项: .addClass()方法不会替换一个样式类名。它只是简单的添加一个样式类名到元素上 简单的描述下:在p元素增加一个newClass的样式 <p class="orgClass"> $("p").addClass("newClass")
    查看全部
  • <div id="imooc"> <p>id="imooc"</p> <p>jQuery选中</p> </div> <div id="imooc"> <p>id="imooc"</p> <p>jQuery未选中</p> </div> <script type="text/javascript"> //通过原生方法处理 var div = document.getElementById('aaron'); div.style.border = "3px solid blue"; </script> <script type="text/javascript"> //通过jQuery直接传入id //id的唯一,只选择到了第一个匹配的id为imooc的div节点 $('#imooc').css("border", "3px solid red");
    查看全部
  • 以下六种情况都是“肉眼”不可见的:1.CSS display的值是none。 2.type="hidden"的表单元素。 3.宽度和高度都显式设置为0。 4.一个祖先元素是隐藏的,该元素是不会在页面上显示。 5.CSS visibility的值是hidden。 6.CSS opacity的指是0。 但是只要在文档中占有空间就认为是可见的(对文档可见对肉眼不可见),所以你所说的情况也就是后两种被文档被认为是可见的,前四种是不可见的。
    查看全部
  • 无论是visibility:hidden 还是opacity:0 , 在页面上都有具体的位置,也就是说他们都有自己的大小,只不过一个的透明度为0,另一个没有在页面上显示 这就像一个透明的盒子,他放在页面上,是实实在在存在的,只不过你看不见,但是你可以"摸到",因为其他的盒模型无法占据他的空间
    查看全部
  • 如果元素不在文档流,肯定是不可见的; 如果在文档流,就能够被jq识别,但这样都是肉眼不可见而已(上述六种方法); 六种方法中,其中设置透明度属性为0,visibility属性为hidden,仍然占据文档空间,只不过让我们看不到了而已,所以在jq中认为是被筛选成:visible;那么其他4种方法,则在文档中不占据空间,被jq认为应该筛选为:hidden
    查看全部
  • .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中有一个.val()方法主要是用于处理表单元素的值,比如 input, select 和 textarea。 .val()方法: .val()无参数,获取匹配的元素集合中第一个元素的当前值 .val( value ),设置匹配的元素集合中每个元素的值 .val( function ) ,一个用来返回设置值的函数 注意事项: 通过.val()处理select元素, 当没有选择项被选中,它返回null .val()方法多用来设置表单的字段的值 如果select元素有multiple(多选)属性,并且至少一个选择项被选中, .val()方法返回一个数组,这个数组包含每个选中选择项的值
    查看全部
  • 不太理解,再看。看书
    查看全部
  • $("contains(text)")选择所有包含指定文本的元素 $(:"parent")选择所有含有子元素或者文本的元素 $(":empty")选择所有没有子元素的元素 $(:has(selector)")选择元素中至少包含指定选择器的元素
    查看全部
  • attr()有4个表达式 attr(传入属性名):获取属性的值 attr(属性名, 属性值):设置属性的值 attr(属性名,函数值):设置属性的函数值 attr(attributes):给指定元素设置多个属性值,即:{属性名一: “属性值一” , 属性名二: “属性值二” , … … } 注意的问题: dom中有个概念的区分:Attribute和Property翻译出来都是“属性”,《js高级程序设计》书中翻译为“特性”和“属性”。简单理解,Attribute就是dom节点自带的属性 例如:html中常用的id、class、title、align等: <div id="immooc" title="慕课网"></div> 而Property是这个DOM元素作为对象,其附加的内容,例如,tagName, nodeName, nodeType,, defaultChecked, 和 defaultSelected 使用.prop()方法进行取值或赋值等 获取Attribute就需要用attr,获取Property就需要用prop
    查看全部
  • $(":first")匹配的第一个元素,如第一个div元素为$(".div:first").css("color","#CD00CD"); $(":last")匹配的最后一个元素,如最后一个div元素为$(".div:last").css("color","#CD00CD"); $(":not(selector)")选择不包含括号里面的选择器元素,如 选中所有没有checked属性的input元素后的p元素,赋予颜色$("input:not(checked)+p ").css("background-color", "#CD00CD"); $("eq(index)")在匹配的集合选择索引值等于index的元素【eq=equal,等于的意思】 $(":even"):选择索引值为偶数的元素,从0开始计数。【even偶数】 $(":odd"):选择索引值为奇数的元素,从0开始计数。【odd奇数】 $(":gt(index)"):选择匹配集合中,所有大于给定index(索引值)的元素。【gt=greater than(意思是大于)】 $(":lt(index)"):选择匹配集合中,所有小于等于给定index(索引值)的元素。【less than(意思是小于)】 $(":header"):选择所有标题元素,如h1,h2,h3等 $(":lang(language)"):选择指定语言的所有元素。 $(":root"):选择该文档的根元素。 $(":animated"):选择所有正在执行动画效果的元素
    查看全部
  • 所谓的 子选择器就是选择 父元素下的第一个子元素(父亲和儿子的关系), 后代选择器就是 选择父元素下的所有子元素(就是爷爷的后代 包括:儿子,孙子,腾孙,后代.....) 相邻的兄弟元素就是 定义的选择器的下一个相邻的元素(就是亲兄弟的关系)注意的是 兄弟节点的选择是不可以向前选择的 比如 ,<div>元素的前一个元素是<p> 那么<p>元素就不会被选到 最后一个 一般兄弟选择器通俗的说就是 选取具有相同父元素的 所有兄弟节点(表堂 兄弟的关系)
    查看全部
  • > (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + (加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ (波浪线)任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。 ,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。
    查看全部
  • 通过jQuery调用有id属性的对象 var $div = $('#imooc'); 改变css样式范例 $div.css("border", "3px solid red");
    查看全部

举报

0/150
提交
取消
课程须知
1、有HTML/CSS基础 2、有JavaScript基础
老师告诉你能学到什么?
1、jQuery的基础语法 2、jQuery当中的选择器 3、jQuery中的属性和样式

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!