-
获取id值的方法： 1.通过标准javaScript处理：var p = document.getElementById("id属性值"); 添加值：p.innerHTML = "值"; 设置样式：p.style.color = 'red'; 2.通过jQuery： var $p = $("imooc"); $p.html('值').css('color','red'); 1.通过jQuery方法包装后的对象，是一个类数组对象。它与DOM对象完全不同，唯一相似的是它们都能操作DOM。 2.通过jQuery处理DOM的操作，可以让开发者更专注业务逻辑的开发，而不需要我们具体知道哪个DOM节点有那些方法，也不需要关心不同浏览器的兼容性问题，我们通过jQuery提供的API进行开发，代码也会更加精短。查看全部
-
JQuery加载页面的三种方法： 1.$(document).ready(function(){}); 2.$(function(){}); 3.jQuery(function($){});查看全部
-
jQuery 目前分 3 个系列版本 1.x 、 2.x 和 3.x，主要的区别在于 2.x 不再兼容 IE 6/7/8 了，但是 jQuery 1.9 会继续支持，如果开发者比较在意老版本 IE 用户，只能使用 jQuery 1.9 及之前的版本了。这样做的目的是为了兼容移动端开发。由于减少了一些代码，使得 2.x 版本比 1.x 更轻更快：2.0版本文件与1.9.1相比小了12%。 jQuery 3.0 最大的变化就是彻底放弃对 IE 6/7/8 的支持。jQuery 团队做出这个决定的原因在于，微软已经在今年年初宣布停止对 IE 8～10 的支持。不过，由于 IE8 仍然是中国大陆最流行的浏览器之一，对国内的开发者来说，在短期（甚至中期）内还不得不停留在 jQuery 1.x 版本。 jQuery 每一个系列版本分为：压缩版(compressed) 与 开发版(development)，我们在开发过程中使用开发版（开发版本便于代码修改及调试），项目上线发布使用压缩版（因为压缩版本体积更小，效率更快）。 开发版即代码并没有进行压缩优化，包含了注释及原始格式，便于开发者查看修改jQuery源码，如jquery-1.7.2.min.js为压缩版本，会去掉所有的注释信息，将空白行删除，并压缩变量名，这样可以减小文件体积，但功能与1.7.2,jquery-1.7.2.js完全相同，适合正式线上使用。查看全部
-
1、jQuery轻量级的JavaScript库，核心是JavaScript，兼容css和各种浏览器，核心理念是写得少做得多。 2、优势：容易上手，强大的选择器，节约开发时间，丰富的UI，完善的事件机制，Ajax的封装。 3、特性和方法：连试操作、回调函数、迭代器、延迟对象、队列...查看全部
-
.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。查看全部
-
样式操作.css() 获取： 1.对象.css( propertyName) ：获取匹配元素集合中的第一个元素的样式属性的计算值 2.对象.css( propertyNames)：传递一组数组，返回一个对象结果 如：var value = $('.first').css(["width","height"]); 设置： 1.对象.css(propertyName, value )：设置CSS样式 如：$('.fourth').csss("font-size","15px"); 2.对象.css( propertyName, function(index,value){})：可以传入一个回调函数，返回取到对应的值进行处理。index是当前对象的索引值，value是propertyName的值 如：$('.sixth').css("width",function(index,value){ value=value.split('px');//value带单位，先分解 return (Number(value[0])+50)+value[1];//返回一个新的值，在原有的值上，增加50px }); 3.对象.css({css样式代码})：可以传一个对象，同时设置多个样式 如：$('.seventh').css({ 'font-size' :"15px", 'background-color' :"#40E0D0", 'border' :"1px solid red" });查看全部
-
切换样式:toggleClass()方法 类名存在就删除；类名不存在就添加。 1.toggleClass(className) 在匹配的元素集合中的每个元素上用来切换的一个或多个（用空格隔开）样式类名。 2..toggleClass( className, switch ) switch:一个布尔值，值是true，样式类将被添加;值是false，样式类将被移除. 3..toggleClass( [switch ] ) switch一个用来判断样式类添加还是移除的布尔值。 4.toggleClass( function(index, class, switch) [, switch ] ) function()用来返回在匹配的元素集合中的每个元素上用来切换的样式类名的一个函数。接收元素的索引位置和元素旧的样式类作为参数。 switch：一个用来判断样式类添加还是移除的 布尔值。 5. 如果不将任何参数传递给 .toggleClass() 方法,那么匹配元素上的所有样式会在该方法第一次执行时被移除，第二次执行时被还原，如此往复。查看全部
-
删除样式 1.元素对象.removeClass() 删除元素对象的所有class 2.元素对象.removeClass("className1 className2 ....") 删除元素对象的一个或多个用空格隔开的样式名 3.元素对象.removeClass( function(index, class))： 一个函数，返回一个或多个将要被移除的样式名查看全部
-
添加加样式：.addClass() 1.元素对象.addClass('类名1' '类名2'.....) 为每个匹配的元素添加指定的一个或多个样式类名 2.元素对象.addClass( function(index,currentClass)) : 这个函数返回一个或多个用空格隔开的要增加的样式名 注：1.一个元素有多个class值，将合并样式； 2.不同的class设定了同一样式属性，则后者覆盖前者。 3.indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。stringObject.indexOf('指定的字串'[,startindex]),找到一个 searchvalue，则返回 searchvalue 的第一次出现的位置。如果要检索的字符串值没有出现，则该方法返回 -1。查看全部
-
.html()：获取或设置某个元素的HTML内容，包括标签。应用在多个元素上时，只读取第一个元素 1.元素对象.html() 获取元素对象里的HTML代码 2.元素对象.html("html代码") 设置元素对象的html内容。如：$("p").html("<strong>你最喜欢的水果是？</strong>") 3.元素对象.html( function(index, oldhtml) ) 用来返回设置HTML内容的一个函数 .text()：获取或设置元素的纯文本内容，包括其后代元素。应用在多个元素上时，将会读取所有选中元素的文本内容。 1.元素对象.text()读取元素对象的合并文本内容，包括他们的后代，返回一个字符串 2.元素对象.text('字符串') 用于设置元素对象的文本内容 3.元素对象.text( function(index, text) ) 用来返回设置文本内容的一个函数 .val():获取或设置表单元素的值。应用在多个元素上时，只能读取第一个表单元素的"value"值。 1.表单元素对象.val() 读取表单元素对象的value值，获取匹配的元素集合中第一个元素的当前值。r若select元素有multiple（多选）属性，并且至少一个选择项被选中， .val()方法返回一个数组，这个数组包含每个选中选择项的值；若select元素中没有选项被选中，.val()方法将返回null 2.表单元素对象.val( value ) 设置匹配的元素集合中每个元素的值，还可使select、checkbox、radio相应的value选项被选中 3.表单元素对象.val( function ) 用来返回设置值的函数 4.表单元素对象.defaultValue 获表单元素对象的初始值 注意：1.html()和text()方法不能使用在表单元素上,而val()只能使用在表单元素上 2.html(htmlString),text(textString)和val(value)三种方法都用来替换选中元素的内容，如果三个方法同时运用在多个元素上，将会替换所有选中元素的内容 3.html(),text(),val()都可用回调函数的返回值来动态的改变多个元素的内容查看全部
-
轻量级前端框架，兼容各种浏览器查看全部
-
一.attr()：jQuery中获取和设置元素属性 attr()有4个表达式 1.attr('属性名')：获取属性的值 2.attr('属性名','属性值')：设置属性的值 3.attr('属性名',函数值)：设置属性的函数值 4.attr({'属性名1':'属性值1','属性名2':'属性值2',......})：为同一元素设置多个属性值 二. removeAttr('属性名') : 为匹配的元素集合中的每个元素中移除一个属性（attribute） 三.Attribute和Property,即“特性”和“属性” 1.Attribute是dom节点自带的属性，如id、class、title、align等。 2.Property是这个DOM元素作为对象，其附加的内容，例如,tagName, nodeName, nodeType,, defaultChecked, 和 defaultSelected。 3.获取Attribute就需要用.attr()，获取Property就需要用.prop()，删除用removeProp()。查看全部
-
1.this是JavaScript中的关键字，指当前的上下文对象，即方法/属性的所有者,this是动态的，上下文对象可被动态改变(通过call,apply等方法) 如： var imooc = { name:"慕课网", getName:function(){ return this.name; //this,就是imooc对象 } } 2.在DOM中this就是指向了这个html元素对象 如： p.addEventListener('click',function(){ //this === p //以下两者的修改都是等价的 this.style.color = "red"; p.style.color = "red"; },false); 3.$(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。 如： $('p').click(function(){ var $this= $(this) //把p元素转化成jQuery的对象 $this.css('color','red') }) 如： $('#test2').click(function(){ //通过包装成jQuery对象改变颜色 $(this).css('color','blue'); })查看全部
-
完成!查看全部
-
$("div:first")匹配div下的第一个元素 $("div:last")匹配div下的最后一个元素 $("div:not(p)")过滤选择器，选择所有元素但不包括括号中的 $("div:eq(index)")在匹配的集合中选择索引值index的元素 eq就是equal等于的意思 $("div:gt(index)")选择匹配集合中所有大于给定index（索引值）的元素 gt是gather than 大于的意思 $("div:lt(index)")选择匹配集合中所有小于给定index（索引值）的元素 lt是litter than 小于的意思 $("div:even")选择索引值为偶数的元素，从0开始计数 $("div:odd")选择索引值为奇数的元素，从0开始计数 $("div:animated")选择所有执行动画效果的元素 $("div:root")选择该文档的根元素 $("div:header")选择所有标题元素查看全部
举报
0/150
提交
取消