-
display:none和width:0;height:0;对于jQuery来说是不可见的；visiblity:hidden或opacity:0被jQuery认为是可见的。然后这三个中visiblity:hidden或opacity:0和display:hidden不被人看到；width:0;height:0能被人看到。查看全部
-
为什么要加 return 'imoocClass'查看全部
-
$(this).css('color','red'); $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。查看全部
-
http://img1.sycdn.imooc.com//5590ee6b0001e3d206130456.jpg查看全部
-
子元素选择器$('parent > children')<br> 后代选择器$（'parent Grandson'）<br> 相邻兄弟选择器$（'prev + next'）<br> 一般兄弟选择器选择当前选中元素节点之后的所有兄弟节点$('prev~siblings')查看全部
-
$("input:enabled") 选中可用的input元素 $("input:disabled")选中禁用的input元素 $("input:checked") 选中被勾选的input元素 $("option:selected") 选中被选中的option元素查看全部
-
$(":contains(text)"); $(":has(元素)")； $(":parent");找到有子元素或者内容的指定元素、 $(":empty");找到指定元素，内容为空的元素查看全部
-
<script type="text/javascript"> $('.right').click(function() { var ele = $(this); //通过.data方式设置数据 ele.data("a", "data test") ele.data("b", { name: "慕课网" }) //通过.data方式取出数据 var reset = ele.data("a") + "</br>" + ele.data("b").name ele.find('span').append(reset) }) </script> data test 慕课网查看全部
-
<script type="text/javascript"> //多种写法设置字体大小 $('.fourth').css("font-size","16px"); $('.fifth').css("fontSize","0.9em"); </script> <script type="text/javascript"> //获取到指定元素的宽度，在回调返回宽度值 //通过处理这个value，重新设置新的宽度 $('.sixth').css("width",function(index,value){ value=value.split('px'); //返回新值，在原有值上增加50px return(Number(value[0]+50))+value[1]; }) </script> <script type="text/javascript"> //合并设置,通过对象传设置多个样式 $('.seventh').css({ "font-size":"15px", "background-color":"#40E0D0", "border":"1px solid red" }) </script>查看全部
-
<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' }) </script>查看全部
-
<script type="text/javascript"> //通过className(fucntion)方法 //这个函数返回一个或更多用空格隔开的要增加的样式名。 //接收index 参数表示元素在匹配集合中的索引位置和html 参数表示元素上原来的 HTML 内容 //找到所有的div，然后通过addClass设置颜色，根据返回的className的判断， $("div").?(function(index,className) { //找到类名中包含了imooc的元素 if(-1 !== className.indexOf('imooc')){ //this指向匹配元素集合中的当前元素 $(this).addClass('imoocClass') } });查看全部
-
<script type="text/javascript"> //单个select，返回第一个 $("p").text( $("#single").val()) </script> <script type="text/javascript"> //多个select被选择，返回["imocc", "博客园"] $("p").text( $("#multiple").val()) </script> <script type="text/javascript"> //选择一个表单，修改value的值 $("input[type='text']").val('修改表单的字段') </script>查看全部
-
.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()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
//找到第三个input，通过使用一个函数来设置属性 //可以根据该元素上的其它属性值返回最终所需的属性值 //例如，我们可以把新的值与现有的值联系在一起： $("input:eq(2)").attr('value',function(i, val){ return '通过function设置' + val }) </script> <script type="text/javascript"> //找到第四个input，通过使用removeAttr删除属性 $("input:eq(3)").removeAttr('value') </script>查看全部
-
attr()有4个表达式 attr(传入属性名)：获取属性的值 attr(属性名, 属性值)：设置属性的值 attr(属性名,函数值)：设置属性的函数值 attr(attributes)：给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … } removeAttr()删除方法 .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性（attribute）查看全部
举报
0/150
提交
取消