-
.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()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
.html()方法内部使用的是DOM的innerHTML属性来处理的，这个操作是针对整个HTML内容（不仅仅只是文本内容） .text()结果返回一个字符串，包含所有匹配元素的合并文本 .html与.text的异同: .html与.text的方法操作是一样，只是在具体针对处理对象不同 .html处理的是元素内容，.text处理的是文本内容 .html只能使用在HTML文档中，.text 在XML 和 HTML 文档中都能使用 如果处理的对象只有一个子文本节点，那么html处理的结果与text是一样的 火狐不支持innerText属性，用了类似的textContent属性，.text()方法综合了2个属性的支持，所以可以兼容所有浏览器查看全部
-
jQuery中用attr()方法来获取和设置元素属性,attr是attribute（属性）的缩写. attr()有4个表达式 attr(传入属性名)：获取属性的值 attr(属性名, 属性值)：设置属性的值 attr(属性名,函数值)：设置属性的函数值 attr(attributes)：给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … } removeAttr()删除方法 .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性（attribute）查看全部
-
http://libs.baidu.com/jquery/1.9.1/jquery.min.js查看全部
-
表单对象获取 $(:input)//查找所有的Input元素，当然也包括下拉列表，文本域，单选框，复选框等。 $(:text)//匹配所有的单行文本框 $(:password)//匹配所有的密码框 $(:radio)//匹配所有的单选按钮 $(:checkbox)//匹配所有的复选框 $(:submit)//匹配所有的提交按钮 $(:image)//匹配所有的图像域，例如<input type="image" /> $(:reset)//匹配所有的重置按钮 $(:button)//匹配所有的按钮 $(:file)//匹配所有的文件上传域 $(:hidden)//匹配所有的不可见元素或者type为hidden的元素 $(:enabled)//匹配所有可用的input元素，比如radio:enabled表示匹配所有可用的单选按钮 $(:disabled)//匹配所有的不可用input元素，作用与上相反 $(:checked)//匹配所有选中的复选框元素 $(:selected)//匹配所有的下拉列表查看全部
-
//查找所有input所有可用的（未被禁用的元素）input元素。 $('input:enabled').css("border", "2px groove red"); //查找所有input所有不可用的（被禁用的元素）input元素。 $('input:disabled').css("border", "2px groove blue"); //查找所有input所有勾选的元素(单选框,复选框) //移除input的checked属性 $('input:checked').removeAttr('checked') //查找所有option元素中,有selected属性被选中的选项 //移除option的selected属性 $('option:selected').removeAttr('selected')查看全部
-
//查找所有 input, textarea, select 和 button 元素 //:input 选择器基本上选择所有表单控件 $(':input').css("border", "1px groove red"); //匹配所有input元素中类型为text的input元素 $('input:text').css("background", "#A2CD5A"); //匹配所有input元素中类型为password的input元素 $('input:password').css("background", "yellow"); //匹配所有input元素中的单选按钮,并选中 $('input:radio').attr('checked','true'); //匹配所有input元素中的复选按钮,并选中 $('input:checkbox').attr('checked','true'); //匹配所有input元素中的提交的按钮,修改背景颜色 $('input:submit').css("background", "#C6E2FF"); //匹配所有input元素中的图像类型的元素,修改背景颜色 $('input:image').css("background", "#F4A460"); //匹配所有input元素中类型为按钮的元素 $('input:button').css("background", "red"); //匹配所有input元素中类型为file的元素 $('input:file').css("background", "#CD1076");查看全部
-
//查找所有div中，属性name=p1的div元素 $('div[name=p1]').css("border", "3px groove red"); //查找所有div中，有属性p2的div元素 $('div[p2]').css("border", "3px groove blue"); //查找所有div中，有属性name中的值只包含一个连字符“-”的div元素 $('div[name|="-"]').css("border", "3px groove #0F0"); //查找所有div中，有属性name中的值包含一个连字符“空”和“a”的div元素 $('div[name~="a"]').css("border", "3px groove #668B8B"); //查找所有div中，属性name的值是用imooc开头的 $('div[name^=imooc]').css("border", "3px groove red"); //查找所有div中，属性name的值是用imooc结尾的 $('div[name$=imooc]').css("border", "3px groove blue"); //查找所有div中，有属性name中的值包含一个test字符串的div元素 $('div[name*="test"]').css("border", "3px groove #0f0"); //查找所有div中，有属性testattr中的值没有包含"true"的div $('div[testattr!="true"]').css("border", "3px groove #668B8B");查看全部
-
//查找class="first-div"下的第一个a元素 //针对所有父级下的第一个 $('.first-div a:first-child').css("color", "#C0c"); //查找class="first-div"下的最后一个a元素 //针对所有父级下的最后一个 //如果只有一个元素的话，last也是第一个元素 $('.first-div a:last-child').css("color", "red"); //查找class="first-div"下的只有一个子元素的a元素 $('.first-div a:only-child').css("color", "blue"); //查找class="last-div"下的第二个a元素 $('.last-div a:nth-child(2)').css("color", "#CD00CD"); //查找class="last-div"下的倒数第二个a元素 $('.last-div a:nth-last-child(2)').css("color", "red");查看全部
-
//查找所有class='div'中DOM元素中包含"contains"的元素节点 //并且设置颜色 $(".div:contains(':contains')").css("color", "#CD00CD"); //查找所有class='div'中DOM元素中包含"span"的元素节点 //并且设置颜色 $(".div:has(span)").css("color", "blue"); //选择所有包含子元素或者文本的a元素 //增加一个蓝色的边框 $("a:parent").css("border", "3px groove blue"); //找到a元素下面的所有空节点(没有子元素) //增加一段文本与边框 $("a:empty").text(":empty").css("border", "3px groove red");查看全部
-
$('.pre >child'):pre下的所有直接子节点 $（'.pre + div'）:pre后面的第一个div兄弟节点 $（'.pre p'）：pre下的所有层P $('.pre ~ div'):选择pre后面的所有兄弟节点查看全部
-
$(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码查看全部
-
DOM对象和JQUERY对象不同，DOM对象通过标准的JS语句获得，而JQUERY对象获得后，是一个类似数组的形式，以链式结构表达。 例子： var p = document.getElementById('imooc'); p.innerHTML = '您好！通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red';（JS结构） var $p = $('#imooc'); $p.html('您好！通过慕课网学习jQuery才是最佳的途径').css('color','red');（jquery结构）查看全部
-
type="hidden"的表单元素需要用$(:hidden)来获取查看全部
-
如果元素中占据文档中一定的空间,元素被认为是可见的。 可见元素的宽度或高度，是大于零。 元素的visibility: hidden 或 opacity: 0被认为是可见的，因为他们仍然占用空间布局。(这两个属性的元素需要$(:visible)来选中)； display:none和高宽为0是不可见的，需要$(:hidden来选中)查看全部
举报
0/150
提交
取消