-
:text表单文本选择器 :text表单文本选择器可以获取表单中全部单行的文本输入框元素，单行的文本输入框就像一个不换行的字条工具，使用非常广泛。 例如，在表单中添加多个元素，使用:text选择器获取单行的文本输入框元素，并修改字的边框颜色，如下图所示： 在浏览器中显示的效果： 从图中可以看出，通过:text表单选择器只获取单行的文本输入框元素，对于<textarea>区域文本、按钮元素无效。查看全部
-
:input表单选择器 如何获取表单全部元素？:input表单选择器可以实现，它的功能是返回全部的表单元素，不仅包括所有<input>标记的表单元素，而且还包括<textarea>、<select> 和 <button>标记的表单元素，因此，它选择的表单元素是最广的。 如下图所示，使用:input表单选择器获取表单元素，并向这些元素增加一个CSS样式类别，修改它们在页面中显示的边框颜色。 在浏览器中显示的效果： 可以看出，通过调用$("#frmTest :input")表单选择器代码获取了表单中的全部元素，并使用addClass()方法修改它们在页面中显示的边框颜色。addClass()方法的功能是为元素添加指定的样式类别名称，它的更多使用将会在后续章节中进行详细介绍。查看全部
-
get是从服务器上获取数据，post是向服务器传送数据。这里需要向服务器传送数据然后再返回，所以需要用到post。查看全部
-
$(function () { $("span").animate({ left: "+=100px" }, 3000, function () { $("span").animate({ height: '+=30px', width: '+=30px' }, 3000, function () { $("#tip").html("执行完成!"); }); }); });查看全部
-
$("#frmTest input:image").addClass("bg_red");与 $("#frmTest :image").addClass("bg_red");得到的结果是一样的查看全部
-
:input表单选择器可以实现，它的功能是返回全部的表单元素，不仅包括所有<input>标记的表单元素，而且还包括<textarea>、<select> 和 <button>标记的表单元素，因此，它选择的表单元素是最广的。查看全部
-
$(function () { $("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").fadeIn("slow",function(){ $("#hidval").val(1); }) } else { $("ul").fadeOut("slow",function(){ $("#hidval").val(0); }) } }) });查看全部
-
$(function () { var $spn = $("#spnTip"); $("h4").bind("click", function () { $("ul").slideToggle("slow",function() { $spn.html() == "向下滑" ? $spn.html("向上滑") : $spn.html("向下滑"); }) }) });查看全部
-
$(function () { $("h4").bind("click", function () { if ($("#hidval").val() == 0) { $("ul").show("slow",function(){ $("#hidval").val(1); }) } else { $("ul").hide(3000,function(){ $("#hidval").val(0); }) } }) });查看全部
-
编程练习 在页面中,添加一个<ul>元素,里面放置多个(至少7个以上)的<li>元素,此外,再添加一个<a>元素. :gt(n) 所有序号大于 n 的元素 :lt(n) 所有序号小于 n 的元素 :gt(0):lt(2) 表示1,2号元素 :lt(2):gt(0) 表示1号元素查看全部
-
使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为： load(url,[data],[callback]) 参数url为加载服务器地址，可选项data参数为请求时发送的数据，callback参数为数据请求成功后，执行的回调函数。查看全部
-
:last-child子元素过滤选择器 与:first-child子元素过滤选择器功能相反，:last-child子元素过滤选择器的功能是获取每个父元素中返回的最后一个子元素，它也是一个集合，常用多个集合数据的选择处理。 例如，使用:last-child子元素过滤选择器，修改“蔬菜”和“水果”中最后一个显示的文字颜色，如下图所示： 在浏览器中显示的效果： 从图中可以看出，通过$("li:last-child")选择器代码，获取了两个<ul>父元素中的最后一个<li>元素，并使用css()方法修改了它们在页面中显示的文字颜色。查看全部
-
:first-child子元素过滤选择器 通过上面章节的学习，我们知道使用:first过滤选择器可以获取指定父元素中的首个子元素，但该选择器返回的只有一个元素，并不是一个集合，而使用:first-child子元素过滤选择器则可以获取每个父元素中返回的首个子元素，它是一个集合，常用多个集合数据的选择处理。 如下图，如果想把页面中每个ul中的第一个li获取到，并改变其颜色。则可以使用 : first-child 在浏览器中显示的效果： 通过$("li:first-child")选择器代码，获取了两个<ul>父元素中的第一个<li>元素，并使用css()方法修改了它们在页面中显示的文字颜色。查看全部
-
[attribute*=value]属性选择器 介绍一个功能更为强大的属性选择器[attribute*=value]，它可以获取属性值中包含指定内容的全部元素，其中[]是专用于属性选择器的括号符，参数attribute表示属性名称，value参数表示对应的属性值。 例如，使用[attribute*=value]属性选择器，获取属性值中包含某一指定内容的全部<li>元素，并设置它们显示的文字颜色，如下图所示： 在浏览器中显示的效果： 从图中可以看出，使用$("li[title*='最']")属性选择器代码，获取了3个<li>元素，这些元素的title属性值中都包含了“最”字符，获取这些元素后并调用css()方法设置这些元素在页面中显示的文字颜色。查看全部
-
[attribute!=value]属性选择器 与上一节介绍的[attribute=value]属性选择器正好相反，[attribute!=value]属性选择器的功能是获取不包含属性名，或者与属性名和属性值不相同的全部元素，其中[]是专用于属性选择器的括号符，参数attribute表示属性名称，value参数表示属性值。 例如，使用[attribute!=value]属性选择器，获取指定不包含属性名，或与属性名和对应值不同的全部<li>元素，并设置它们显示的文字颜色，如图所示： 在浏览器中显示的效果： 可以看出，使用$("li[title!='我最爱']")属性选择器代码，获取了3个<li>元素，其中一个是不包含title属性名，另外两个的title属性值不等于“我最爱”，获取元素后并调用css()方法设置这些元素在页面中显示的文字颜色。查看全部
举报
0/150
提交
取消