欢迎各位兄弟 发布技术文章

这里的技术是共享的

shiping1 的头像

jquery 最后一个元素

星期日, 2013-10-13 00:33 — shiping1

jQuery 遍历 - last() 方法

jQuery 遍历参考手册

实例

高亮显示段落中的最后一个 span ：

$("p span").last().addClass('highlight');

亲自试一试

定义和用法

last() 将匹配元素集合缩减为集合中的最后一个元素。

语法

.last()

详细说明

如果给定一个表示 DOM 元素集合的 jQuery 对象，.last() 方法会用最后一个匹配元素构造一个新的 jQuery 对象。

普通分类: 
javascript
shiping1 的头像

js offsetWidth 不带px

星期日, 2013-10-13 00:15 — shiping1
$('.views-table')[0].offsetWidth+'px'
普通分类: 
javascript
shiping1 的头像

本来是在某处 但是滚动到顶部时固定不动 自己亲自做的 有大用

星期六, 2013-10-12 22:21 — shiping1 
先在html中引入 jquery文件
/**
 * Created by Administrator on 2016/6/22.
 */
var agt = navigator
普通分类: 
javascript
shiping1 的头像

JQuery中扩展outerHtml方法

星期六, 2013-10-12 21:34 — shiping1

普通分类: 
jquery
shiping1 的头像

js 多行字符串 换行 有大用 有大大用

星期六, 2013-10-12 21:30 — shiping1

function outputTiYanZhiban()
{
    document.getElementById('tiYanTu').style.display='none';
    var str=" <!-- 播放器代碼塊  -->\
<div id='ePlayerContent' style='display:block;bottom:0px;right:1px!important;position:fixed;border:0px;z-index:99999'>\
    <embed width='350' height='432'  type='application/x-shockwave-flash' allowscriptaccess='always' \

普通分类: 
javascript
shiping1 的头像

各种帮助文档

星期六, 2013-10-12 13:11 — shiping1
http://www.dreamdu.com/    html css js 的帮助文档
普通分类: 
其它
shiping1 的头像

js substring substr 部分字符串

星期六, 2013-10-12 13:03 — shiping1


普通分类: 
javascript
shiping1 的头像

js trim

星期六, 2013-10-12 12:58 — shiping1

String.prototype.ltrim=function()
{
    return this.replace(/^\s+/,"");
}
String.prototype.rtrim=function()
{
    return this.replace(/\s+$/,"");
}
String.prototype.trim=function()
{
    return this.ltrim().rtrim();
}


  var $dtTimeStart = $('#dtTimeStart').val().trim();
  var $dtTimeEnd = $('#dtTimeEnd').val().trim();
 

 

 

 

 

普通分类: 
javascript
shiping1 的头像

javascript getUrl_cookie_protorype_and_other.js

星期六, 2013-10-12 12:57 — shiping1
//window.onerror=function(){return true;};
String.prototype.ltrim=function()
{
    return this.replace(/^\s+/,"");
}
String.prototype.rtrim=function()
{
    return this.replace(/\s+$/,"");
}
String.prototype.trim=function()
{
    return this.ltrim().rtrim();
}
Url=
{
    get:function(name)
    {
        var url=document.location.href;
        var index=url.indexOf('?');
        var urls=null;
        if(index>-1)
        {
            url=url.substr(index+1);
普通分类: 
javascript
shiping1 的头像

js round 精确位数

星期六, 2013-10-12 12:19 — shiping1

round 方法, 及四舍五入
返回与给出的数值表达式最接近的整数。
Math.round(number)
必选项 number 参数是要舍入到最接近整数的值。

//下面是自定义的精确位数的方法
// Float数据四舍五入到2位小数; 
function to2bits(flt) { 
if(parseFloat(flt) == flt) 
return Math.round(flt * 100) / 100; 
// 到4位小数, return Math.round(flt * 10000) / 10000; 
普通分类: 
javascript
shiping1 的头像

JavaScript Number() 函数

星期六, 2013-10-12 11:48 — shiping1

JavaScript Number() 函数

JavaScript 全局对象参考手册

定义和用法

Number() 函数把对象的值转换为数字。

语法

Number(object)
参数描述
object必需。JavaScript 对象。

返回值

如果参数是 Date 对象，Number() 返回从 1970 年 1 月 1 日至今的毫秒数。

如果对象的值无法转换为数字，那么 Number() 函数返回 NaN。

实例

在本例中，我们将尝试把不同的对象转换为数字：

普通分类: 
javascript
shiping1 的头像

js parseFloat 精确度 精度

星期六, 2013-10-12 11:42 — shiping1
你必须要这样，才能实现：
普通分类: 
javascript
shiping1 的头像

js parseInt parseFloat

星期六, 2013-10-12 10:55 — shiping1

下面的代码是完全正确的
<script>

var aa = parseFloat("AAA11");
alert(aa);
if(isNaN(aa))
{
 alert("不是一个数字")
}
else{
 alert("是一个数字")
}
</script>

JavaScript parseInt() 函数

JavaScript 全局对象参考手册

定义和用法

parseInt() 函数可解析一个字符串，并返回一个整数。

普通分类: 
javascript
shiping1 的头像

怎样在Excel2003中创建Sheet4

星期六, 2013-10-12 10:52 — shiping1
在Excel表中,右击
普通分类: 
其它
shiping1 的头像

js 对象 与 jquery 对象转换 互换

星期六, 2013-10-12 10:41 — shiping1
如果一个获取的是jQuery对象，那么我们在变量前面加上$，
如：var $variab = jQuery对象；
如果获取的是DOM对象，则与习惯普通一样：
var variab = DOM对象；这么约定只是便于讲解与区别，实际使用中并不规定。


jquey  =>  dom
(1)jQuery对象是一个数据对象，可以通过[index]的方法，来得到相应的DOM对象。
如：var $v =$("#v") ; //jQuery对象
var v=$v[0];    //DOM对象

(2)jQuery本身提供，通过.get(index)方法，得到相应的DOM对象
如：var $v=$("#v");  //jQuery对象
var v=$v.get(0);   //DOM对象



dom  =>  jquey
var v=document.getElementById("v");  //DOM对象
var $v=$(v);    //jQuery对象
最常用的是  $(this)


$("#preview")永远不为空
普通分类: 
jquery
shiping1 的头像

jquery 获取第一个 最后一个子元素 第二个子元素 第n个子元素 有大用

星期六, 2013-10-12 10:39 — shiping1

jquery如何获取第一个子元素

  • HTML code

普通分类: 
jquery
shiping1 的头像

js 根据class 类名 返回所有对象

星期六, 2013-10-12 10:29 — shiping1
  DOM 提供了一个名为 getElementById() 的方法，这个方法将返回一个对象，
这个对象就是参数 id 所对应的元素节点。另外，getElementByTagName()
方法会返回一个对象的数组，每一个对象分别对应着文档里有给定标签的一个元素。
这个方法的参数是 html 标签的名字。现在我们考虑一个问题，能不能通过标签的类名
class name来获取该对象呢？
下面是这个猜想的程序实现（支持多个class查询和在某个范围内进行查询）：

/*
 * 根据元素clsssName得到元素集合
 * @param fatherId 父元素的ID，默认为document
 * @tagName 子元素的标签名
 * @className 用空格分开的className字符串
 */
function getElementsByClassName(fatherId,tagName,className){
    node = fatherId&&document.getElementById(fatherId) || document;
    tagName = tagName || "*";
普通分类: 
javascript
shiping1 的头像

js 根据 标签名返回所有对象 子元素

星期六, 2013-10-12 10:28 — shiping1
var lis= document.getElementById('ul_list').getElementsByTagName("li");
//得到 id 为  ul_list 下的所有的li对象

for(i==0;i<lis.length;i++)
{
  if(i%2 ==0){
      lis[i].className = 'li_bg';
    if(i==(li.length-1)){
                lis[i].className = "li_none"
    }
  }
}
普通分类: 
javascript
shiping1 的头像

js 移除元素

星期六, 2013-10-12 10:28 — shiping1
function HiddleFlashContent(){
        var playerContent = document.getElementById('ePlayerContent');
        playerContent.parentNode.removeChild(playerContent);
    }
    
    
    
    <div style="display:block;bottom:0px;right:1px!important;position:fixed;border:0px;z-index:99999" id="ePlayerContent">    
普通分类: 
javascript
shiping1 的头像

js 子元素

星期六, 2013-10-12 10:26 — shiping1
var lis= document.getElementById('ul_list').getElementsByTagName("li");
//得到 id 为  ul_list 下的所有的li对象  子元素的个数

for(i=0;i<lis.length;i++)
{
  if(i%2 ==0){
      lis[i].className = 'li_bg';
    if(i==(li.length-1)){
                lis[i].className = "li_none"
    }
  }

}










<div id="cityList" style="border:1px solid #C00;padding:10;height:300px;width:700px;overflow:hiden;overflow-y:scroll;">
   <div>
   <span>A</span>
普通分类: 
javascript
shiping1 的头像

Jquery遍历节点 子元素等

星期六, 2013-10-12 10:21 — shiping1

Jquery遍历节点

1. children()方法

该方法用于取得匹配元素的子元素集合。

使用children()方法来获取匹配元素的所有子元素的个数。

Jquery代码如下：

var $body=$("body").children();

var $p=$("p").children();

var $ul=$("ul").children();

alert("$body.length");                //<body>元素下有2个子元素

alert($p.length);                        //<p>元素下有0个子元素

alert("$ul.length");                    //<ul>元素下有3个子元素

普通分类: 
javascript
shiping1 的头像

js eval 把字符串来当作js语句来执行

星期六, 2013-10-12 10:17 — shiping1
<script>
var str="alert(111)";
eval(str);

</script>
<script type="text/javascript">
普通分类: 
javascript
shiping1 的头像

JavaScript 变量 定义变量

星期六, 2013-10-12 10:01 — shiping1

JavaScript 变量

变量是存储信息的容器。

实例

var x=2;
var y=3;
var z=x+y;

亲自试一试

就像代数那样

x=2
y=3
z=x+y

在代数中，我们使用字母（比如 x）来保存值（比如 2）。

普通分类: 
javascript
shiping1 的头像

jquery each

星期六, 2013-10-12 09:45 — shiping1
$('.views-table').children('tbody').children('tr').each(function(i)
          {
           this.style.color=['#f00','#0f0','#00f'][i];         
          });


$("p").each(function(i){this.style.color=['#f00','#0f0','#00f'][i]})  
//为索引分别为0，1，2的p元素分别设定不同的字体颜色。
也可以用 $.each($('p'), function(i){this.style.color=['#f00','#0f0','#00f'][i]})  



$("tr").each(function(i){this.style.backgroundColor=['#ccc','#fff'][i%2]})  
//实现表格的隔行换色效果


$.each( [0,1,2], function(i, n){ alert( "Item #" + i + ": " + n ); });
普通分类: 
jquery
shiping1 的头像

jquery 的 html() 和 js的 innerHTML 最大只能取10.2KB左右

星期六, 2013-10-12 09:26 — shiping1
普通分类: 
javascript
shiping1 的头像

google 自动补全

星期六, 2013-10-12 00:32 — shiping1

自動完成

普通分类: 
浏览器
shiping1 的头像

drupal web services

星期六, 2013-10-12 00:31 — shiping1
google 搜索 drupal web service client
drupal web service client module
drupal web services api
drupal web services client
普通分类: 
drupal
shiping1 的头像

用Drupal生成图表、饼图、柱状图教程

星期五, 2013-10-11 21:42 — shiping1
http://www.raincy.org/drupal-flot/
用Drupal生成图表、饼图、柱状图教程

烟台的网站  http://www.raincy.org/
普通分类: 
drupal
shiping1 的头像

discuz 更新缓存

星期五, 2013-10-11 19:24 — shiping1

u/admin.php

普通分类: 
discuz
shiping1 的头像

ckeditor按enter键，距离太大的解决方法

星期五, 2013-10-11 16:09 — shiping1

ckeditor按enter键，距离太大的解决方法

　　用ckeditor做的编辑器，但是在编辑文章的时候，发现按照常规方法按 enter键换行时，两行之间的距离太大。点击“源码”查看时，发现按enter键换行竟然采用的是加<p></p>标签的形 式，而不是加<br />标签的形式。

　　查阅资料后，才知道ckeditor默认的换行是：enter->加<p></p>，shift+enter->加<br />。

　　如果想改成直接按enter键就加<br />的形式，可以在配置文件里加：config.enterMode = CKEDITOR.ENTER_BR;config.shiftEnterMode = CKEDITOR.ENTER_P;就反过来了。

普通分类: 
其它

页面

Subscribe to 个人技术网_前端_后台_php_div_css_linux_javascript_seo RSS
Powered by Drupal

友情链接

校园好文网

 www.shipingzhong.cn  个人技术网_前端_后台    备案号:苏ICP备18010659号-2