-
任务： 在页面中，创建两个按钮。 点击第一个“左移”按钮后，将页面中的<div>元素在当前的位置上，以动画的效果向左移动50个像素； 点击第二个“右移”按钮后，页面中的<div>元素在当前的位置上，以动画的效果向右移动50个像素。 方法： 1.要使页面中的元素(element)以动画效果移动，必须首先将该元素的“position”属性设置成为“relative”或“absolute”. 2.分别获取两个按钮元素,并编写它的绑定事件. 3.在左移按钮的绑定事件中,调用animate()方法,将方法中的left属性属性值设置为:"-=50px". 4.在右移按钮的绑定事件中,调用animate()方法,将方法中的left属性属性值设置为:"+=50px".查看全部
-
:hidden过滤选择器的功能是获取全部不可见的元素，比如display：none的隐藏元素，这些不可见的元素中包括type属性值为hidden的元素，如 <input id="hidstr" type="hidden" value="我已隐藏起来"/>查看全部
-
:contains(text)过滤选择器:如$（“li:contains('text')”）；获取包含“text”字符串内容的全部元素对象。其中参数text表示页面中的文字。只要与选择的元素中或子元素中包含该字符内容，就可以被选中查看全部
-
$("div") 标签选择器 $("form *") form下的所有标签 $(".class") 类选择器 $("#id") id选择器 $("div span")div下的所有span $("div>label")div的子label $("div+span")div下的第一个span $("div~span")div同一级别下的所有span $("li:first")第一个li元素 $("li:last")最后一个li元素查看全部
-
10、使用wrap()和wrapInner()方法包裹元素和内容，wrap()和wrapInner()方法都可以进行元素的包裹，但前者用于包裹元素本身，后者则用于包裹元素中的内容，它们的调用格式分别为：$(selector).wrap(wrapper)和$(selector).wrapInner(wrapper)，参数selector为被包裹的元素，wrapper参数为包裹元素的格式。 11、*使用each()方法遍历元素，使用each()方法可以遍历指定的元素集合，在遍历时，通过回调函数返回遍历元素的序列号，它的调用格式为：$(selector).each(function(index))，参数function为遍历时的回调函数，index为遍历元素的序列号，它从0开始。 代码： $("span").each(function (index) { if (index == 1) { $(this).attr("class", "red"); } }); 在使用each()方法遍历<span>元素时，回调函数中的“index”参数为元素的序列号，它从0开始，当为1时，表示第2个<span>元素增加样式。 12、使用remove()和empty()方法删除元素，remove()方法删除所选元素本身和子元素，该方法可以通过添加过滤参数指定需要删除的某些元素，而empty()方法则只删除所选元素的子元素。 13、 注意1：.attr("checked", false);，第二个参数为boolean值时，不能加引号。 注意2：.click(function(){...})。 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：********，互相学习，共同进步！】查看全部
-
5、使用append()方法向元素内追加内容，append(content)方法的功能是向指定的元素中追加内容，被追加的content参数，可以是字符、HTML元素标记，还可以是一个返回字符串内容的函数。 6、使用appendTo()方法向被选元素内插入内容，appendTo()方法也可以向指定的元素内插入内容，它的使用格式是：$(content).appendTo(selector)，参数content表示需要插入的内容，参数selector表示被选的元素，即把content内容插入（移动）selector元素内，默认是在尾部。 7、使用before()和after()在元素前后插入内容，使用before()和after()方法可以在元素的前后插入内容，它们分别表示在整个元素的前面和后面插入指定的元素或内容，调用格式分别为：$(selector).before(content)和$(selector).after(content)，其中参数content表示插入的内容，该内容可以是元素或HTML字符串。 8、使用clone()方法复制元素，调用clone()方法可以生成一个被选元素的副本，即复制了一个被选元素，包含它的节点、文本和属性，它的调用格式为：$(selector).clone()，其中参数selector可以是一个元素或HTML内容。 9、替换内容，replaceWith()和replaceAll()方法都可以用于替换元素或元素中的内容，但它们调用时，内容和被替换元素所在的位置不同，分别为如下所示：$(selector).replaceWith(content)和$(content).replaceAll(selector)，参数selector为被替换的元素，content为替换的内容。温心提示：由于在我们平台上输入$($)代码时，一些用户的浏览器会造成崩溃，所以您做这个练习时可使用粘贴的方式，不要直接输入。 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：********，互相学习，共同进步！】查看全部
-
$（"ancestor descendent"） 获取父元素ancestor 下的所有子元素descendent $("parent > child") 获取父元素下的除去孙辈的子元素 $("previous + next") 仅仅获取previous这个元素的第一个相邻的元素 $("previous ~ sublings") 获取previous这个元素的所有相邻的同辈元素，不包括previous上面的元素查看全部
-
$("div label")与$("div>label")的差别在于，前者包含所有子孙，后者只包含子辈查看全部
-
1、使用attr()方法控制元素的属性，attr()方法的作用是设置或者返回元素的属性，其中attr(属性名)格式是获取元素属性名的值，attr(属性名，属性值)格式则是设置元素属性名的值。 2、操作元素的内容，使用html()和text()方法操作元素的内容，当两个方法的参数为空时，表示获取该元素的内容，而如果方法中包含参数，则表示将参数值设置为元素内容。区别：html()方法可以获取元素的HTML内容，因此，原文中的格式代码也被一起获取，而text()方法只是获取元素中的文本内容，并不包含HTML格式代码。 3、操作元素的样式，通过addClass()和css()方法可以方便地操作元素中的样式，前者括号中的参数为增加元素的样式名称，后者直接将样式的属性内容写在括号中。区别： $("#content").attr("style","width:50px;color:red")//设置style属性的值 $("#content").css({"width":"50px","color":"red"})//也是设置style属性的值 解析：你看看这二句是等价的，attr指向的是标签的属性，style就是其中属性之一，css其实就是代表style属性。css只能改style里的，attr可以改元素所有的属性.id,name,style.什么都行。所以如果只是操作css ，jquery中就使用 .css() 方法比较好。 -注意写法（底层JSON格式）： 1.css("background","rgb(254,0,0)"); 2.css({"background-color":"red","color":"white"}); 4、移除属性和样式，使用removeAttr(name)和removeClass(class)分别可以实现移除元素的属性和样式的功能，前者方法中参数表示移除属性名，后者方法中参数则表示移除的样式名。注意：removeClass("blue white");//移除多个样式中间是空格。 【温馨提示：Java、Jsp、Android、JS等编程爱好者可以联系Q：********，互相学习，共同进步！】查看全部
-
>仅仅是子元素 空格是子孙元素查看全部
-
1. $.getJSON(url,function(data){})//data作为形参传入的是指获取的到json数据，所以在function内部使用的data指的都是json数据 2. $.each(参数，function(a，b）{})方法中的参数可以是数组也可以是object对象，指的是遍历这个数组或者遍历这个对象。 但这个参数是数组Array，a指的是遍历的数组元素的下标，a只是形参，一般可用index或者i来代替，而b指的是遍历到的当前元素，也就是Array[i],在这个function中this指的是也是Array[i]；如果这里的参数是Object对象，那么a指的是当前属性的名称，b指的是当前属性的值。this表示当前属性的值。 这个例子中json是个数组，所以例子中的index不难理解，sport是一个形参，取什么都行，代表遍历到的当前元素，但在函数中要与形参一致。 http://www.cnblogs.com/mabelstyle/archive/2013/02/19/2917260.html 3.在js中，sport.name=sport["name"],后者[]内可以做计算查看全部
-
sele1,sele2,seleN选择器 有时需要精确的选择任意多个指定的元素，类似于从文具盒中挑选出多根自已喜欢的笔，就需要调用sele1,sele2,seleN选择器，它的调用格式如下： $(“sele1,sele2,seleN”) 其中参数sele1、sele2到seleN为有效选择器，每个选择器之间用“，”号隔开，它们可以是之前提及的各种类型选择器，如$(“#id”)、$(“.class”)、$(“selector”)选择器等。查看全部
-
$("#id")id选择器 $("element")元素选择器 $(".class")类选择器查看全部
-
:text表单文本选择器 :text表单文本选择器可以获取表单中全部单行的文本输入框元素，单行的文本输入框就像一个不换行的字条工具，使用非常广泛。 例如，在表单中添加多个元素，使用:text选择器获取单行的文本输入框元素，并修改字的边框颜色，如下图所示： 在浏览器中显示的效果： 从图中可以看出，通过:text表单选择器只获取单行的文本输入框元素，对于<textarea>区域文本、按钮元素无效。查看全部
-
:input表单选择器 如何获取表单全部元素？:input表单选择器可以实现，它的功能是返回全部的表单元素，不仅包括所有<input>标记的表单元素，而且还包括<textarea>、<select> 和 <button>标记的表单元素，因此，它选择的表单元素是最广的。 如下图所示，使用:input表单选择器获取表单元素，并向这些元素增加一个CSS样式类别，修改它们在页面中显示的边框颜色。查看全部
举报
0/150
提交
取消