Jquery Mobile开发以及Js对象动态绑定

动态创建对象并绑定属性：

            var instantiate = function (Type, args) {
                var Constructor = function () { };
                Constructor.prototype = Type.prototype;                var obj = new Constructor();                Type.apply(obj, args);                return obj;
            };            var AssetObj = function () {            };            AssetObj.prototype.getAssetName = function (AssetName) {
                return "AssetName:" + this[AssetName] + ",data:" + this[AssetName + "DataObjs"] + "Length:" + this[AssetName + "DataObjs"].length;
            };            AssetObj.prototype.set = function (Asset, data) {
                this[Asset] = Asset;
                if (this[Asset + "DataObjs"] == null || this[Asset + "DataObjs"] == undefined) {
                    this[Asset + "DataObjs"] = new Array();
                    this[Asset + "DataObjs"].push(data);
                } else {
                    this[Asset + "DataObjs"].push(data);
                }
            }            //
            var assetObjs = instantiate(AssetObj);
            var regionObjs = instantiate(AssetObj);            //assetObjs.set("ISCS", "ISCS_DATA1");
            //assetObjs.set("ISCS", "ISCS_DATA2");
            //assetObjs.set("HHO", "HHO_DATA");
            //alert("person2:" + assetObjs.getAssetName('ISCS'));
            //alert("person3:" + assetObjs.getAssetName('HHO'));            $.each(items, function (k, v) {
                assetObjs.set(v.Asset, v);
                regionObjs.set(v.Region, v);
            });

Jquery属性选择器：

源码示例：

//获取页面data-role="page"和data-role="dialog"的数目
//#7470
var $pages = $(":jqmData(role='page'),:jqmData(role='dialog')")

那我来大家来看一下到底是咋样实现的呢？

源码展示：

var oldFind = $.find,
jqmDataRE = /:jqmData\(([^)]*)\)/g;$.find = function(selector,context,ret,extra){
//注意这边会按照jquery mobile的特性写法，进行一层过滤
selector = selector.replace(jqmDataRE,"[data-" + ($.mobile.ns || "") + "$1]");
//比如selector为":jqmData(role='page')",替换后的"[data-role='page']"
return oldFind.call(this,selector,context,ret,extra);
};

说明；
1、其实在jquery mobile体系中，内部处理了一下$.find，对:jqmData这种选择器进行处理