-
jQuery选择器 综合案例查看全部
-
jQuery选择器之特殊选择器 this： this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。查看全部
-
jQuery选择器之表单对象属性筛选选择器: 1)查找所有input勾选的元素(单选框,复选框) $("input:checked") 2)查找所有option元素中,有selected属性被选中的选项 $("input:selected") 3)查找所有input所有可用的（未被禁用的元素）input元素 $("input:enabled") 4)查找所有input所有不可用的（被禁用的元素）input元素 $("input:disabled") 注意： ①选择器适用于复选框和单选框，对于下拉框元素, 使用 :selected 选择器 ②在某些浏览器中，选择器:checked可能会错误选取到<option>元素，所以保险起见换用选择器input:checked，确保只会选取<input>元素查看全部
-
jQuery选择器之表单元素选择器: 1)查找所有 input, textarea, select 和 button 元素,:input 选择器基本上选择所有表单控件 $(":input") 2)匹配所有input元素中类型为text的input元素 $("input:text") 3)匹配所有input元素中类型为password的input元素 $("input:radio") 4)匹配所有input元素中的复选按钮 $("input:submit") 5)匹配所有input元素中的图像类型的元素 $("input:image") 6)匹配所有input元素中类型为按钮的元素 $("input:button") 7)匹配所有input元素中类型为file的元素 $("input:file")查看全部
-
jQuery是一个类数组对象，而DOM对象就是一个单独的DOM元素。 利用数组下标的方式读取到jquery中的dom对象 通过jquery自带的get（）方法查看全部
-
var p = document.getElementById('imooc');//这里得到是一个对象，通过设置属性的方法进行操作 p.innerHTML = '您好！通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red';查看全部
-
jQuery选择器之子元素筛选选择器 1)查找class="first-div"下的第一个a元素,针对所有父级下的第一个 $(".first-div a:first-child") 2)查找class="first-div"下的最后一个a元素,针对所有父级下的最后一个,如果只有一个元素的话，last也是第一个元素 $(".first-div a:last-child") 3)查找class="first-div"下的只有一个子元素的a元素 $(".first-div a:only-child") 4)查找class="last-div"下的第二个a元素 $(".last-div a:nth-child(2)") 5)查找class="last-div"下的倒数第二个a元素 $(".last-div a:nth-last-child(2)") 注意事项： :first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1) :last 只匹配一个单独的元素， :last-child 选择器可以匹配多个元素：即，为每个父级元素匹配最后一个子元素 如果子元素只有一个的话，:first-child与:last-child是同一个 :only-child匹配某个元素是父元素中唯一的子元素，就是说当前子元素是父元素中唯一的元素，则匹配 jQuery实现:nth-child(n)是严格来自CSS规范，所以n值是“索引”，也就是说，从1开始计数，:nth-child(index)从1开始的，而eq(index)是从0开始的 nth-child(n) 与 :nth-last-child(n) 的区别前者是从前往后计算，后者从后往前计算查看全部
-
jQuery选择器之属性筛选选择器 (1)$("div[name=p1]")选择div元素中name属性是p1的元素 (2)$("div[name]")选择div元素中所有具有name属性的元素 (3)$("div[name|=a]")选择div元素中name属性的值只包含一个连字符a或以a为前缀且以"-"为分隔的元素（如：name="a-bcd"） (4)$("div[name~=a]")选择div元素中name属性的值包含字符串a且以空格分隔 元素（如：name="a b"） (5)$("div[name^=ab]")选择div元素中name属性的值是以字符串ab开头的元素 (6)$("div[name$=ab]")选择div元素中name属性的值是以字符串ab结尾的元素 (7)$("div[name*=ab]")选择div元素中name属性的值包含字符串ab的元素 (8)$("div[name!=ab]")选择div元素中name属性的值不等于字符串ab或者没有name属性的元素 其中最常用的为第一个[attr="value"]和第七个[attr*="value"]，属性为某个字符串的或者属性包含某些字符串的查看全部
-
.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选择器之特殊选择器this: JavaScript中: var imooc = { name:"慕课网", getName:function(){ //this,就是imooc对象 return this.name; } } imooc.getName(); //慕课网 jQuery的做法： $('p').click(function(){ //把p元素转化成jQuery的对象 var $this= $(this) $this.css('color','red') }) this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。查看全部
-
jQuery选择器之表单对象属性筛选选择器 【注意：①选择器适用于复选框和单选框，对于下拉框元素, 使用 :selected 选择器②在某些浏览器中，选择器:checked可能会错误选取到<option>元素，所以保险起见换用选择器input:checked，确保只会选取<input>元素】 1)查找所有input勾选的元素(单选框,复选框) $("input:checked") 2)查找所有option元素中,有selected属性被选中的选项 $("input:selected") 3)查找所有input所有可用的（未被禁用的元素）input元素 $("input:enabled") 4)查找所有input所有不可用的（被禁用的元素）input元素 $("input:disabled")查看全部
-
jQuery选择器之表单元素选择器 1)查找所有 input, textarea, select 和 button 元素,:input 选择器基本上选择所有表单控件 $(":input") 2)匹配所有input元素中类型为text的input元素 $("input:text") 3)匹配所有input元素中类型为password的input元素 $("input:radio") 4)匹配所有input元素中的复选按钮 $("input:submit") 5)匹配所有input元素中的图像类型的元素 $("input:image") 6)匹配所有input元素中类型为按钮的元素 $("input:button") 7)匹配所有input元素中类型为file的元素 $("input:file")查看全部
-
jQuery选择器之子元素筛选选择器 1)查找class="first-div"下的第一个a元素,针对所有父级下的第一个 $(".first-div a:first-child") 2)查找class="first-div"下的最后一个a元素,针对所有父级下的最后一个,如果只有一个元素的话，last也是第一个元素 $(".first-div a:last-child") 3)查找class="first-div"下的只有一个子元素的a元素 $(".first-div a:only-child") 4)查找class="last-div"下的第二个a元素 $(".last-div a:nth-child(2)") 5)查找class="last-div"下的倒数第二个a元素 $(".last-div a:nth-last-child(2)")查看全部
-
jQuery选择器之属性筛选选择器 1)查找所有div中，属性name=p1的div元素 $("div[name=p1]") 2)查找所有div中，有属性p2的div元素 $("div[p2]") 3)查找所有div中，有属性name中的值只包含一个连字符“-”的div元素 $("div[name='-']") 4)查找所有div中，有属性name中的值包含一个连字符“空”和“a”的div元素 $("div[name~='a']") 5)查找所有div中，属性name的值是用imooc开头的 $("div[name^=imooc]") 6)查找所有div中，属性name的值是用imooc结尾的 $("div[name$=imooc]") 7)查找所有div中，有属性name中的值包含一个test字符串的div元素 $("div[name*='test']") 8)查找所有div中，有属性testattr中的值没有包含"true"的div $("div[testattr!='true']")查看全部
-
jQuery选择器之内容筛选选择器: contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素。 1)查找所有class='div'中DOM元素中包含"contains"的元素节点: $(".div:contains(':contains')") 2)查找所有class='div'中DOM元素中包含"span"的元素节点 $(".div:has('span')") 3)选择所有包含子元素或者文本的a元素 $("a:parent") 4)找到a元素下面的所有空节点(没有子元素) $("a:empty")查看全部
举报
0/150
提交
取消