博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于jquery方面的知识点
阅读量:5275 次
发布时间:2019-06-14

本文共 2515 字,大约阅读时间需要 8 分钟。

jquery向上查找父元素 用到的方法:closest() parents() parent()

closest() 方法获得匹配选择器的第一个祖先元素 [*]parent()函数是只往父级找一层;[*]parents()函数是往父级找多层,一直找到body标签。

向下查找子元素 用到的方法:find() children()

通过children获取的是该元素的下级元素,而通过find获取的是该元素的下级所有元素。

获得元素相对于选择器的 index 位置。

该元素可以通过 DOM 元素或 jQuery 选择器来指定。$(selector).index(element)

 

获得内容 - text()、html() 以及 val()

三个简单实用的用于 DOM 操作的 jQuery 方法:
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值

window.οnlοad=function()

{
var oDiv=document.getElementByIdx_x('box');
//alert(oDiv.innerHTML) //返回 p标签,与p标签里面的内容
//alert(oDiv.outerHTML); //完全显示,div与p 标签和p标签里面的内容
//alert(oDiv.innerText); //只返回p标签里面的文本内容
alert(oDiv.outerText) //只返回p标签里面的文本内容
}
<div id="box"><p>这是javascript文本内容</p></div>

设置内容 - text()、html() 以及 val()

我们将使用前一章中的三个相同的方法来设置内容:
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记) $("#msg").html("<font color=red size=4>请输入授权码</font>").show();
val() - 设置或返回表单字段的值

添加新的 HTML 内容

我们将学习用于添加新内容的四个 jQuery 方法:
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容

删除元素/内容

如需删除元素和内容,一般可使用以下两个 jQuery 方法:
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素

Query toggleClass() 方法

下面的例子将展示如何使用 jQuery toggleClass() 方法。该方法对被选元素进行添加/删除类的切换操作:
实例
$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});

jQuery width() 和 height() 方法
width() 方法设置或返回元素的宽度(不包括内边距padding、边框border或外边距margin)。
height() 方法设置或返回元素的高度(不包括内边距、边框或外边距)。

jQuery innerWidth() 和 innerHeight() 方法

innerWidth() 方法返回元素的宽度(包括内边距padding)。
innerHeight() 方法返回元素的高度(包括内边距)。

jQuery outerWidth() 和 outerHeight() 方法

outerWidth() 方法返回元素的宽度(包括内边距和边框)。
outerHeight() 方法返回元素的高度(包括内边距和边框)。

jQuery children() 方法

children() 方法返回被选元素的所有直接子元素。

jQuery next() 方法

next() 方法返回被选元素的下一个同胞元素。
该方法只返回一个元素。

jQuery nextAll() 方法

nextAll() 方法返回被选元素的所有跟随的同胞元素。

三个最基本的过滤方法是:first(), last() 和 eq(),它们允许您基于其在一组元素中的位置来选择一个特定的元素。

其他过滤方法,比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。
jQuery not() 方法
not() 方法返回不匹配标准的所有元素。
提示:not() 方法与 filter() 相反。
下面的例子返回不带有类名 "intro" 的所有 <p> 元素:
实例
$(document).ready(function(){
$("p").not(".intro");
});

将jquery对象转换成dom对象

var $cr = $("#cr");
var cr = $cr[0];
dom 方法:cr.checked
jquery 方法:$cr.is(":checked")

var random = parseInt(Math.random()*(12-3+1) +3 )

$("section.main-page").each(function(index,value){
$(this).attr("id","page"+index);
})
var Id = $("section.main-page").attr("id");
if(random = Id){
$("#page+Id ").hide()
}

tar.index(arr[i]).find("li").

jquery.inarray(value,array)

确定第一个参数在数组中的位置(如果没有找到则返回 -1 )。

转载于:https://www.cnblogs.com/thisxiaojiu/p/6603985.html

你可能感兴趣的文章
ArcGIS Server Javascript 多图对比功能
查看>>
微信上传素材返回 '{"errcode":41005,"errmsg":"media data missing"}',php5.6返回
查看>>
div或者p标签单行和多行超出显示省略号
查看>>
Elasticsearch 滚动重启 必读
查看>>
Hadoop基本概念
查看>>
java.util.zip压缩打包文件总结一:压缩文件及文件下面的文件夹
查看>>
浅说 apache setenvif_module模块
查看>>
MySQL--数据插入
查看>>
重新学习python系列(二)? WTF?
查看>>
shell脚本统计文件中单词的个数
查看>>
SPCE061A学习笔记
查看>>
sql 函数
查看>>
hdu 2807 The Shortest Path 矩阵
查看>>
熟悉项目需求,要知道产品增删修改了哪些内容,才会更快更准确的在该项目入手。...
查看>>
JavaScript 变量
查看>>
java实用类
查看>>
smarty模板自定义变量
查看>>
研究称90%的癌症由非健康生活习惯导致
查看>>
命令行启动Win7系统操作部分功能
查看>>
排序sort (一)
查看>>