用jquery怎么获取页面的特定内容

用jquery怎么获取页面的特定内容,第1张

1、给特定内容包裹一个容器(div或者其他容器)标签

2、给容器一个id,或者一个特定的class以便于使用jquery的选择器获取到该容器

3、使用jquery选择器获取该容器,并获取该容器内的内容

<div id="content" >

    特定内容

</div>$("#content")html();

$("#content")text();

$("#content")val();

1、html()

html():取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档

html(val):设置每一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档。

2TEXT

text():取得所有匹配元素的内容。

结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。

text(val):设置所有匹配元素的文本内容

与 html() 类似, 但将编码 HTML (将 "<" 和 ">" 替换成相应的HTML实体)

3VAL

val():获得第一个匹配元素的当前值。

val(val):设置每一个匹配元素的值。

1、通过过滤器获取li数组

var lis = $('div li');//表示获取div下所有的直接或者非直接li节点。

2、循环lis方式获取每个li元素

for(var i=0;i<lislength;i++){

   var li = lis[i];//获取每个li元素

}

CSS伪元素(pseudo

elements)不是DOM元素,因此你无法直接选择到它们。

假设有如下HTML代码:

<div

class="techbrood"

id="td_pseudo">techbrood

introduction</div>

和CSS代码:

techbrood:before

{

width:

0;

}

现在你想在某个元素的click事件中动态的把techbrood:before的width属性设置为100%,

有两个方法,一个是添加新的样式:

$('head')append("<style>techbrood::before{

width:100%

}</style>");

(注意该方法将影响所有的class为techbrood的元素)

另外一个方法是为该元素添加新类,并通过设置新类的属性来达到改变伪元素属性的效果:

techbroodchange:before{

width:

100%;

}

jQuery代码:

$('#td_pseudo')addClass("change");

以上就是关于用jquery怎么获取页面的特定内容全部的内容,包括:用jquery怎么获取页面的特定内容、jquery如何获取div中li元素、jQuery修改CSS伪元素属性的方法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9604380.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-30
下一篇 2023-04-30

发表评论

登录后才能评论

评论列表(0条)

保存