jQuery-获得内容和属性

2013 年 08 月 30 日 上午 10:24  |  分类:jQuery

jQuery 拥有可操作 HTML 元素和属性的强大方法。

jQuery DOM 操作

jQuery 中非常重要的部分,就是操作 DOM 的能力。

jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。

提示:DOM = Document Object Model(文档对象模型)

DOM 定义访问 HTML 和 XML 文档的标准:

“W3C 文档对象模型独立于平台和语言的界面,允许程序和脚本动态访问和更新文档的内容、结构以及样式。”

全文阅读 »

jquery获取select选择的文本与值

2012 年 12 月 09 日 下午 4:27  |  分类:Zen-Cart二次开发

Jquery获取select :
获取select 选中的 text :
$(“#ddlregtype”).find(“option:selected”).text();

获取select选中的 value:
$(“#ddlregtype “).val();

获取select选中的索引:
$(“#ddlregtype “).get(0).selectedindex;

设置select:
设置select 选中的索引:
$(“#ddlregtype “).get(0).selectedindex=index;//index为索引值

设置select 选中的value:
$(“#ddlregtype “).attr(“value”,”normal“);
$(“#ddlregtype “).val(“normal”);
$(“#ddlregtype “).get(0).value = value;

设置select 选中的text:

var count=$(“#ddlregtype option”).length;
for(var i=0;itext”); //添加一项option
$(“#select_id”).prepend(““); //在前面插入一项option
$(“#select_id option:last”).remove(); //删除索引值最大的option
$(“#select_id option[index=’0′]”).remove();//删除索引值为0的option
$(“#select_id option[value=’3′]”).remove(); //删除值为3的option
$(“#select_id option[text=’4′]”).remove(); //删除text值为4的option
全文阅读 »

PHP+JQuery 通过Jason异步获取数据实现AJAX

2012 年 08 月 24 日 上午 9:56  |  分类:Zen-Cart二次开发

zen-cart 二次开发中使用ajax来实现某些功能:

首先是PHP的主页面:

<select name=”country” id=”country” onchange=”PostCountryJson();”>

在 select 控件里,当触发 onchange 事件的时候,我们执行 PostCountryJson() 这个JavaScript Function

其次是 JavaScript 代码,和之前写的 ASP.NET 调用的一样的:

function PostCountryJson() {

var mid = $(“#country”).val();              
var queryString = {“mid”:mid}
var url = “getCountrycode.php”;
$.getJSON(url, queryString,function (json) {   
$(“#tel_country_code”).get(0).value = json.countryCode;
});
}        

也是通过 Json 数据集获取数据。在这里执行的不再是 .aspx ,而是.php了。

最后当然就是 getCountrycode.php 代码了:

<?php

include_once ‘../configure/conn.php’;   // 建立与mysql database 的链接
$country = $_GET[‘mid’];                      // 获得从PostCountryJson()传来的mid参数,就是城市名称啦

// 执行搜索,搜索country表里该程式的资料
$selectStr = “SELECT * FROM country WHERE country_name = ‘”.$country.”‘”;
$result = mysql_query($selectStr,$conn);

if ($result) {
$countryCode = mysql_fetch_array($result);    
}

$countryCodeStr = $countryCode[‘country_code’];   // 将 country_code 字段的数据存放到变量
$jsonArr = array(‘countryCode’=>$countryCodeStr);  // 按照Jason的格式写成一个数组

$jsonStr = json_encode($jsonArr);                             // 编码Jason数据,没想到比.net还要简单呀
echo ($jsonStr);                                                          // 输出Jason数据
?>

jQuery备忘

2011 年 06 月 30 日 上午 11:39  |  分类:jQuery

使用jQuery时注意:不要重复加载jquery-1.3.2.min.js或者1.4的js,否则会导致出现自定义的某些函数无法正确调用。

jQuery之json用法之一

2010 年 08 月 17 日 上午 8:14  |  分类:jQuery

//构造json   字符串

$depStr = “”;
//   print_r($arr1);
   $depStr .= “{ root: [ {“;
   $count = sizeof($arr1);
   for($i=1;$i<$count;$i++){
    if($arr1[$i] !=”” && $arr1[$i] != null){       
      $depStr .= ‘”‘.$arr2[$i].'”:”‘.$arr1[$i].'”,’;    
    }
   }
   $depStr =  str_replace($depStr,””,substr($depStr,0,-1));
   $depStr .= “} ] }”;
   
   return $depStr;

//显示信息   
    $.post(‘organization/?action=displayDepartment&depID=’+depID,function(data,textStatus){
//    alert(data);
    var dataObj=eval(“(“+data+”)”);//转换为json对象
    $.each(dataObj.root[0],function(index,item){  
    //输出每个root子对象的名称和值
    $(‘#ModifyDepartmentForm :input[id=”‘+index+'”]’).val(item);
    });
    
    },’text’);

jQuery下拉菜单函数备忘

2010 年 07 月 31 日 下午 3:59  |  分类:jQuery

var flag = 1;
var flag2 = 1;

.click(function(){

    var flag3=2;//3
    if(flag == 1){
     if(flag2 != flag3){
    $(‘.subMenu’).hide();
    $(‘#myMenu’).show();
    flag = 0;
     }else{
    $(‘#myMenu’).toggle();
    flag = 0;
     }
    }else{
     if(flag2 == flag3){     
     $(‘#myMenu’).toggle();
     flag = 1;
     }else{
     $(‘.subMenu’).hide();
     $(‘#myMenu’).show();
     flag = 1;
     } 
    } 
    flag2 = flag3;

}

绝对是历尽千辛万苦方才出来的一个函数。

特此保存,以备后用!

jQuery中add方法分析备忘

2010 年 07 月 31 日 上午 8:11  |  分类:jQuery

(遍历 组合)

add(expr)在原对象的基础上在附加符合指定表达式的jquery对象

<p>Hello</p><p><span>Hello Again</span></p>

   var f=$(“p”).add(“span”);   

     for(var i=0;i < $(f).size();i++){

     alert($(f).eq(i).html());}

//遍历出:p , 包含span的p ,span ,(按出现顺序排列)

执行$(“p”)得到匹配<p>的对象,有两个,add(“span”)是在(“p”)的基础上加上匹配<span >的对象,所有一共有3个,从上面的函数运行结果可以看到$(“p”).add(“span”)是3个对象的集合,分别是[<p>Hello</p>],[<p><span>Hello Again</span></p>],[<span>Hello Again</span>]。

add(html):

var f=$(“p”).add(“<span>111</span>”);   

     for(var i=0;i < $(f).size();i++){

     alert($(f).eq(i).html());}

//遍历得到 p 和 html内容

add(elements):

add(el)  在匹配对象的基础上在附加指定的dom元素。
        $(“p”).add(document.getElementById(“a”));

add(els)  在匹配对象的基础上在附加指定的一组对象,els是一个数组

<p>Hello</p><p><span>Hello Again a</span><span>Hello Again b</span></p>

<p>p1<span>Hello Again bb</span></p>

jQuery代码及功能:

function jq(){
     var f=$(“p”).add([document.getElementById(“a”), document.getElementById(“b”)])
     for(var i=0;i < $(f).size();i++){
             alert($(f).eq(i).html());}
}

//遍历出:p , 包含id=a 和id=b的p,包含id=a 和id=b的p下面的元素,包含id=a 和id=b的p下面 id= b 的元素,(按出现顺序排列)(不会遍历出单独的id=a 或者id= b 的元素)

注意els是一个数组,这里的[ ]不能漏掉。

把与表达式匹配的元素添加到jQuery对象中。这个函数可以用于连接分别与两个表达式匹配的元素结果集。

jQuery 1.4 中, .add()方法返回的结果将始终以元素在HTML文档中出现的顺序来排序,而不再是简单的添加。