-
$(document).ready 的作用是等页面的文档(document)中的节点都加载完毕后,再执行后续的代码,因为我们在执行代码的时候,可能会依赖页面的某一个元素,我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
eq:equal;gt:greater than;lt:less than 筛选选择器 $(":first") 匹配第一个元素 $(":last") 匹配最后一个元素 $(":not(selector)") 一个用来过滤的的选择器,选择所有元素去除不匹配给定的选择器元素 $(":eq(index)") 在匹配的集合中选择索引值为index的元素 $(":gt(index)") 选择匹配集合中所有大于给定index(索引值) $(":even") 选取索引值为偶数的元素,从0开始计数 $(":odd") 选取索引值为奇数的元素,从0开始计数 $(":lt(index)") 选取匹配集合中所有索引值小于给定index参数的元素 $(":header") 选择所有标题元素,像h1,h2,h3等 $(":lang(language)") 选择指定语言的所有元素 $(":root") 选择该文档的根元素 $(":animated") 选择所有正在执行动画效果的元素查看全部
-
1. > (大于号) 紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 2. + (加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 3. ~ (波浪线) 任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 4. (空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。 5. ,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。查看全部
-
var $p = $('#imooc'); $p.html('您好!通过慕课网学习jQuery才是最佳的途径').css('color','red');查看全部
-
$('div')是jquery直接获取元素;$(div)是将dom对象转换成jquery, $("div")是直接用jQuery方法获取一个div元素,$div在这里是被定义的jQuery变量。 什么是DOM对象和DOM元素? JavaScript 对象JavaScript 提供多个内建对象,比如 String、Date、Array 等等。 对象只是带有属性和方法的特殊数据类型。DOM对象,即是我们用传统的方法(javascript)获得的对象。 DOM元素就是HTML元素。 get方法括号里面的参数0起一个什么作用? 0指第一个,代表位置。相当于 $div[0]$div.get(1) 相当于 $div[1],以上意思是一样的 .get(n) 相当于返回数组第n个的值,更方便使用。 var div = $div[0] //转化成DOM对象? 上节课说“通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取的DOM元素就是DOM对象,”这里说“var div = $div[0] //转化成DOM对象”,怎么滴jq对象加个【0】就变成DOM对象了? jQuery对象是对dom对象的封装,在获取dom对象的基础上增加了很多对象的方法,所以它们是很类似但又不同的两种对象。 为什么 只有放在body里才有效果??? <script type="text/javascript"> var $div = $('div'); //jQuery对象 div =$div.get(0) div.style.color = 'red'; //操作dom对象的属性 </script> 在body中,当文档加载的时候会自动实行脚本(javascript),如果不放在body中,在代码开头要加上$(document).ready(function(){});==原生js代码中的window.onload= function(){}。 jquery提供了get()方法,将jquery对象转换为DOM对象,get()方法的简化方法为[0]。$div[0]等价于$div.get(0),转为DOM元素一般使用[0]方法查看全部
-
jQuery是一个类数组对象,而DOM对象就是一个单独的DOM元素。查看全部
-
.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()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
$("div[name]") 匹配含有name属性的div元素 $("div[name='test']") 匹配name值为test的div元素 $("div[name!='test']") 匹配name值不为test的div元素 $("div[name*='test']") 匹配name值包含test的div元素 $("div[name^='test']") 匹配name值开头为test的div元素 $("div[name$='test']") 匹配name值结尾为test的div元素 $("div[id][name^='test']") 匹配有id属性且name值开头为test的div元素查看全部
-
$( "parent > child" ) 子选择器:选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器:选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子,孙子,曾孙等 $("prev + next") 相邻兄弟选择器:选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器:匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素,并匹配过滤“siblings”选择器查看全部
-
> (大于号)紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + (加号) 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ (波浪线)任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点(不管中间隔多少层)。 ,(逗号) 表示选择器组合,如$("div p, span p")表示div下p节点和span下p节点。查看全部
-
$("div").addClass(function(index,className) { //找到类名中包含了imooc的元素 if(-1 !== className.indexOf('imooc')){ //this指向匹配元素集合中的当前元素 $(this).addClass('imoocClass') } });查看全部
-
.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查看全部
-
.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操作,jQuery针对这样的处理提供了2个便捷的方法.html()与.text()查看全部
举报
0/150
提交
取消