-
一些简称的代码，去查清楚全称，记忆会更牢固，就比如eq全称是equal(意思是“等于”)；gt全称是greater than(意思是大于)；lt全称是less than(意思是小于) +p是选择满足筛选条件的紧邻的p元素，也就是没有checked属性的所有input元素紧邻的P元素查看全部
-
.addClass()方法是通过增加class名的方式，那么这个样式是在外部文件或者内部样式中先定义好的，等到需要的时候在附加到元素上 通过.css()方法处理的是内联样式，直接通过元素的style属性附加到元素上的查看全部
-
.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()都可以使用回调函数的返回值来动态的改变多个元素的内容。查看全部
-
this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。 this 是Dom 对象 $(this) 是jquery对象查看全部
-
获取id值的方法： 1.通过标准javaScript处理：var p = document.getElementById("id属性值"); 添加值：p.innerHTML = "值"; 设置样式：p.style.color = 'red'; 2.通过jQuery： var $p = $("imooc"); $p.html('值').css('color','red');查看全部
-
jQuery基本用法： 其中$(document).ready的作用是等页面的文档（document）中的字节都加载完毕后，再执行的后续代码，因为要确保页面的某个元素真正被加载完毕后才正确的使用查看全部
-
1、jQuery轻量级的JavaScript库， 核心是JavaScript， 兼容css和各种浏览器， 核心理念是写得少做得多。 2、特性和方法： 连试操作、 回调函数、 迭代器、 延迟对象、 队列... 3、优势：容易上手，强大的选择器，节约开发时间，丰富的UI，完善的事件机制，Ajax的封装。查看全部
-
$( "parent > child" ) 子选择器：选择所有指定“parent”元素中指定的"child"的直接子元素。 $("ancestor descendant") 后代选择器：选择给定的祖先元素的所有后代元素, 一个元素的后代可能是该元素的一个孩子，孙子，曾孙等 $("prev + next") 相邻兄弟选择器：选择所有紧接在“prev”元素后的“next”元素 $("prev ~ siblings") 一般兄弟选择器：匹配“prev”元素之后的所有 兄弟元素。具有相同的父元素，并匹配过滤“siblings”选择器查看全部
-
jQuery的属性与样式之.css()与.addClass()设置样式的区别 样式值： .addClass()本质只是针对class的类的增加删除，不能获取到指定样式的属性的值，.css()可以获取到指定的样式值。 样式的优先级： css的样式是有优先级的，当外部样式、内部样式和内联样式同一样式规则同时应用于同一个元素的时候，优先级如下 外部样式 < 内部样式 < 内联样式 .addClass()方法是通过增加class名的方式，那么这个样式是在外部文件或者内部样式中先定义好的，等到需要的时候在附加到元素上 通过.css()方法处理的是内联样式，直接通过元素的style属性附加到元素上的 通过.css方法设置的样式属性优先级要高于.addClass方法 总结： 1）.addClass与.css方法各有利弊，一般是静态的结构，都确定了布局的规则，可以用addClass的方法，增加统一的类规则 2）如果是动态的HTML结构，在不确定规则，或者经常变化的情况下，一般多考虑.css()方式 例如： <script type="text/javascript"> //给所有的div统一增加边框 $('div').addClass('addBorder') </script> <script type="text/javascript"> //class=left下div元素增加一个新的样式，增加背景颜色 $('.aaron').addClass('newClass') </script> <script type="text/javascript"> //通过css覆盖addClass方式设置背景色 $('.aaron').css({ 'background':'yellow' }) </script>查看全部
-
> （大于号）紧跟父子关系 如$("div > p")表示选择div下的直接层是p的节点。 + （加号） 紧跟兄弟关系 如$("div + p")表示选择div同层的左右相邻的p节点。 ~ （波浪线）任意距离兄弟关系 如$("div + p")表示选择div同层的p节点。 (空格) 任意层父子关系 如$("div p")表示选择div下的p节点（不管中间隔多少层）。 ,(逗号) 表示选择器组合，如$("div p, span p")表示div下p节点和span下p节点。查看全部
-
//获取页面中所有的元素 var allDom = $('*');查看全部
-
jQuery是一个类数组对象，而DOM对象就是一个单独的DOM元素。查看全部
-
jQuery的属性与样式之样式操作.css() .css() 方法：获取元素样式属性的计算值或者设置元素的CSS属性 设置： 1）.css(propertyName, value )：设置CSS 2）.css( propertyName, function )：可以传入一个回调函数，返回取到对应的值进行处理 3）.css( properties )：可以传一个对象，同时设置多个样式 例如： <h3>设置css属性</h3> <div class="fourth">设置颜色设置文字尺寸</div> <div class="fifth">设置颜色设置文字尺寸</div> <div class="sixth">通过回调设置新的值</div> script type="text/javascript"> //多种写法设置颜色 $('.fourth').css("background-color","red") $('.fifth').css("backgroundColor","yellow") </script> <script type="text/javascript"> //多种写法设置字体大小 $('.fourth').css("font-size","15px") $('.fifth').css("fontSize","0.9em") </script> <script type="text/javascript"> //获取到指定元素的宽度，在回调返回宽度值 //通过处理这个value，重新设置新的宽度 $('.sixth').css("width",function(index,value){ //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>查看全部
-
jQuery的属性与样式之样式操作.css() .css() 方法：获取元素样式属性的计算值或者设置元素的CSS属性 获取： 1）.css( propertyName ) ：获取匹配元素集合中的第一个元素的样式属性的计算值 2）.css( propertyNames )：传递一组数组，返回一个对象结果 例如： <h3>获取css属性</h3> <div class="first">获取颜色</div> <p></p> <div class="second">获取文字尺寸</div> <p></p> <div class="third">获取宽高尺寸</div> <p></p> <script type="text/javascript"> //background-color:blue; => rgb(0, 0, 255) //颜色都会转化成统一的rgb标示 $('p:eq(0)').text( $('.first').css("background-color")) </script> <script type="text/javascript"> //字体大小都会转化成统px大小 em=>px $('p:eq(1)').text( $('.third').css("font-size") ) </script> <script type="text/javascript"> //获取尺寸，传入CSS属性组成的一个数组 //{width: "60px", height: "60px"} var value = $('.first').css(['width','height']); //因为获取的是一个对象，取到对应的值 $('p:eq(2)').text( 'widht:' + value.width + ' height:' +value.height ) </script>查看全部
-
jQuery的属性与样式之切换样式.toggleClass() 通过toggleClass方法动态添加删除Class，一次执行相当于addClass，再次执行则相当于removeClass toggleClass()方法： 1）.toggleClass( className )：在匹配的元素集合中的每个元素上用来切换的一个或多个（用空格隔开）样式类名 2）.toggleClass( className, switch )：一个布尔值，用于判断样式是否应该被添加或移除 3）.toggleClass( [switch ] )：一个用来判断样式类添加还是移除的 布尔值 4）.toggleClass( function(index, class, switch) [, switch ] )：用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数 注意事项： 1）toggleClass是一个互斥的逻辑，也就是通过判断对应的元素上是否存在指定的Class名，如果有就删除，如果没有就增加 2）toggleClass会保留原有的Class名后新增，通过空格隔开 例如： <script type="text/javascript"> //给所有的tr元素加一个class="c"的样式 $("#table tr").toggleClass("c"); </script> <script type="text/javascript"> //给所有的偶数tr元素切换class="c"的样式 //所有基数的样式保留，偶数的被删除 $("#table tr:odd").toggleClass("c"); </script> <script type="text/javascript"> //第二个参数判断样式类是否应该被添加或删除 //true，那么这个样式类将被添加; //false，那么这个样式类将被移除 //所有的奇数tr元素，应该都保留class="c"样式 $("#table tr:even").toggleClass("c", true); //这个操作没有变化，因为样式已经是存在的 </script>查看全部
举报
0/150
提交
取消