-
$(":visible")选择所有显示的元素 $(":hidden")选择元素 几个隐藏元素的方法: 1.将CSS display的值为none 2.type="hidden"的表单元素 3.宽度和高度都设置为0 4.一个祖先元素是隐藏的，该元素不会在页面上显示 5.CSS里visibility的值是hidden 6.CSS opacity的值为0查看全部
-
1.找到第一个class=div的元素 $(".div:first") 2.找到最后一个class=div的元素 $(".div:last") 3.even 选择所引值为偶数的元素，从 0 开始计数 $(".div:even") 4.odd 选择所引值为奇数的元素，从 0 开始计数 $(".div:odd") 5.选择单个 $(".aaron:eq(2)") 6.gt 选择匹配集合中所有索引值大于给定index参数的元素 $(".aaron:gt(3)") 7.lt 选择匹配集合中所有索引值小于给定index参数的元素 $(".aaron:lt(2)") 8.not 选择所有元素去除不匹配给定的选择器的元素 选中所有紧接着没有checked属性的input元素后的p元素 $("input:not(:checked)+p")查看全部
-
1.查找所有class='div'中DOM元素中包含"contains"的元素节点 $(".div:contains(':contains')") 2.$(".div:has(span)") 3.选择所有包含子元素或者文本的a元素 $("a:parent") 4.找到a元素下面的所有空节点(没有子元素) $("a:empty")查看全部
-
对于才开始接触jQuery库的初学者，我们需要清楚认识一点： jQuery对象与DOM对象是不一样的 可能一时半会分不清楚哪些是jQuery对象，哪些是DOM对象，下面重点介绍一下jQuery对象，以及两者相互间的转换。 通过一个简单的例子，简单区分下jQuery对象与DOM对象： <p id=”imooc”></p> 我们要获取页面上这个id为imooc的div元素，然后给这个文本节点增加一段文字：“您好！通过慕课网学习jQuery才是最佳的途径”，并且让文字颜色变成红色。 普通处理，通过标准JavaScript处理： var p = document.getElementById('imooc'); p.innerHTML = '您好！通过慕课网学习jQuery才是最佳的途径'; p.style.color = 'red'; 通过原生DOM模型提供的document.getElementById(“imooc”) 方法获取的DOM元素就是一个DOM对象，再通过innerHTML与style属性处理文本与颜色。 jQuery的处理： var $p = $('#imooc'); $p.html('您好！通过慕课网学习jQuery才是最佳的途径').css('color','red'); 通过$('#imooc')方法会得到一个$p的jQuery对象，$p是一个类数组对象。这个对象里面包含了DOM对象的信息，然后封装了很多操作方法，调用自己的方法html与css，得到的效果与标准的JavaScript处理结果是一致的。 通过标准的JavaScript操作DOM与jQuyer操作DOM的对比，我们不难发现： 通过jQuery方法包装后的对象，是一个类数组对象。它与DOM对象完全不同，唯一相似的是它们都能操作DOM。 通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容性问题，我们通过jQuery提供的API进行开发，代码也会更加精短。 PS：大家这里做个大概印象就OK，后面会有深入的讲解查看全部
-
$(":visible")选择所有显示的元素 $(":hidden")选择元素 几个隐藏元素的方法: 1.将CSS display的值为none 2.type="hidden"的表单元素 3.宽度和高度都设置为0 4.一个祖先元素是隐藏的，该元素不会在页面上显示 5.CSS里visibility的值是hidden 6.CSS opacity的值为0查看全部
-
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>第一个简单的jQuery程序</title> <style type="text/css"> div{ padding:8px 0px; font-size:12px; text-align:center; border:1px solid #888; } </style> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("div").html("您好！通过慕课网学习jQuery才是最佳的途径。"); }); </script> </head> <body> <div></div> </body> </html> 代码分析： $(document).ready 的作用是等页面的文档（document）中的节点都加载完毕后，再执行后续的代码，因为我们在执行代码的时候，可能会依赖页面的某一个元素，我们要确保这个元素真正的的被加载完毕后才能正确的使用。查看全部
-
.removeClass( [className ] )：每个匹配元素移除的一个或多个用空格隔开的样式名 .removeClass( function(index, class) ) ： 一个函数，返回一个或多个将要被移除的样式名查看全部
-
.addClass()方法不会替换一个样式类名。它只是简单的添加一个样式类名到元素上查看全部
-
.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()都可以使用回调函数的返回值来动态的改变多个元素的内容查看全部
-
getElementsByClassName查看全部
-
$data(ele,key,value) //静态接口存数据 $data(ele,"A","数据") $data(ele，key) //静态接口取数据 $data(ele,"A") .data(key，value) //动态接口存数据 add.data("ele","数据") .data(key) //动态接口取数据 add.data("A") 同样的也提供2个对应的删除接口，使用上与data方法其实是一致的，只不过是一个是增加一个是删除罢了 jQuery.removeData( element [, name ] ) .removeData( [name ] )查看全部
-
html():不传入值，就是获取集合中第一个匹配元素的HTML内容 html(htmlString)设置每一个匹配元素的html内容 html（function（index，oldhtml））用来返回设置HTML内容的一个函数 text：关于文本 .text() 得到匹配元素集合中每个元素的合并文本，包括他们的后代 .text( textString ) 用于设置匹配元素内容的文本 .text( function(index, text) ) 用来返回设置文本内容的一个函数 .text()结果返回一个字符串，包含所有匹配元素的合并文本查看全部
-
addClass一般是添加规则性质的方法，是统一的添加规则 css是动态的随时的不确定的规则 在要经常变换的情况下使用css，css的优先级高于addClass查看全部
-
attr()有4个表达式 attr(传入属性名)：获取属性的值 attr(属性名, 属性值)：设置属性的值 attr(属性名,函数值)：设置属性的函数值 attr(attributes)：给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … } removeAttr()删除方法 .removeAttr( attributeName ) : 为匹配的元素集合中的每个元素中移除一个属性（attribute）查看全部
-
$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器查看全部
举报
0/150
提交
取消