jQuery优化元素内容过长

<script>
<jQuery(document).ready(function(){
 var title=jQuery("#title").text();
 if(title.length>30){
 jQuery("#title").html(title.substring(0,30)+"...");
 jQuery("#title").attr("title",title);
     }
   }
});
</script>
时间: 2024-10-31 20:59:00

jQuery优化元素内容过长的相关文章

jQuery操作元素内容的相关方法

1.前言 jQuery还提供了以下几个方法来访问或设置DOM元素的内容,包含访问或设置这些DOM元素的innerHTML属性.文本内容和value属性. 1)        html():返回jQuery对象包含的第一个匹配DOM元素的HTML内容. 2)        html(val):设置jQuery对象包含的所有DOM元素的HTML内容. 3)        text():返回jQuery对象包含的所有DOM元素的文本内容. 4)        text(val):设置jQuery对象包

jquery 设置元素内容html(),text(),val()

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>wrap</title> 6 <script type="text/javascript" src="../jquery/jquery-1.11.3.min.js"></scrip

jQuery 随滚动条滚动效果 (适用于内容页长文章)

直接入题! 当内容页比较长的时候,网站右侧一直是空白,不如放点有用的东西给用户看,最好不要放广告,因为那样很邪恶,你懂的. 好吧,昨天写了这个东西,jQuery滚动随动区块,代码如下: //侧栏随动 var rollStart = $('.feed-mail'), //滚动到此区块的时候开始随动 rollOut = $('.cookie-list'); //隐藏rollStart之后的区块 rollStart.before('<div class="da_rollbox">

jQuery学习-访问设置元素内容

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>访问设置元素内容</title> <script src="js/jquery.js"></script> <script type="text/javascript"> //页面加载完成简写形式 $(function()

jQuery 操作元素的属性和内容

1. 操作"元素属性" 我们可以使用javascript中的getAttribute和setAttribute来操作元素的"元素属性". 在jQuery中给你提供了attr()包装集函数, 能够同时操作包装集中所有元素的属性: 名称 说明 举例 attr( name ) 取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 undefined . 返回文档中第一个图像的src属性值: $("im

使用jQuery增加或删除元素(内容)

使用jQuery增加或删除元素(内容):一.jQuery添加元素或内容:1,append() 方法:在被选元素的结尾插入元素或内容 2,prepend() 方法:被选元素的开头插入元素或内容. 3,after() 方法:在被选元素之后插入内容. 4,before() 方法:在被选元素之前插入内容.注意:append/prepend 是在选择元素内部嵌入:after/before 是在元素外面追加. 二.jQuery删除元素或内容:1,remove()方法:删除被选元素及其所有子元素. remov

新手必看的jQuery优化笔记十则

jQuery优化 1.简介 jQuery正在成为Web开发人员首选的JavaScript库,作为Web开发者,除了要了解语言和框架的应用技巧外,如何提升语言本身的性能也是开发人员应该思考的问题.文章就以jQuery为例,为大家提供了10个有效提升jQuery性能的小技巧. 2. 合并.最小化脚本 大部分浏览器都不能同时处理多个脚本文件,所以它们都是排队加载——加载时间也相应地延长了.考虑到你网站的每个页面都会加载这些脚本,你应该考虑把它们放到单个文件中,然后利用压缩工具(比如Dean Edwar

jQuery 删除元素

通过 jQuery,可以很容易地删除已有的 HTML 元素. 删除元素/内容 如需删除元素和内容,一般可使用以下两个 jQuery 方法: remove() - 删除被选元素(及其子元素) empty() - 从被选元素中删除子元素 jQuery remove() 方法 jQuery remove() 方法删除被选元素及其子元素. 实例 $("#div1").remove(); 尝试一下 » jQuery empty() 方法 jQuery empty() 方法删除被选元素的子元素.

jQuery-处理元素内容、表单元素

处理元素内容 1.text方法 使用说明: 1)不传参数 得到jQuery对象内所有元素及其后代元素的文本内容 2)传入用于设置匹配元素的文本内容 3)传入function 使用函数来设置jQuery对象中每个元素的文本 两个参数:第一个表示当前元素序号,第二个参数表示当前元素的文本 函数内部this代表当前的html元素对象 返回要设置的内容 2.html方法 取得第一个匹配元素的html内容 或 设置元素的html内容 使用方式同上处理表单元素 1.val方法 使用说明: 1)不传参数 得到