關於js封裝的一些簡單方法
對於jquery我們都不陌生,都知道jquery的強大之處;寫的少,做的多。
那我們就簡單看一下關於jquery的基本操作選擇器
對於一個盒子
<div id="box">盒子</div>
用jQuery就是$("#box")就可以了
那麼用原生的js就是document.getElementById('box');
那麼我們不希望每次都寫這麼多的程式碼,於是我們就可以封裝一下
function selector(id){
return document.getElmentById(id);
}
那麼我們就可以通過var box = selector('box')來獲取;
如果想要和Jquery更像一點,那就新增一段程式碼使var box = selector('#box')來獲取;
只需要把獲得的“#box”中的#去掉就可以了,如下:
if(id.toString().indexOf('#') != -1){
id = id.replace('#','');
}
相關推薦
關於js封裝的一些簡單方法
對於jquery我們都不陌生,都知道jquery的強大之處;寫的少,做的多。那我們就簡單看一下關於jquery的基本操作選擇器對於一個盒子<div id="box">盒子</div>用jQuery就是$("#box")就可以了那麼用原生的js就是doc
原生JS取代一些JQuery方法
1.選取元素 // jQuery var els = $('.el'); // Native var els = document.querySelectorAll('.el'); // Shorthand var $ = function (el) { ret
隨手收集一些前端的常用到一些簡單方法
1.cooks: 1 setCookie:function(name,value,expires){ 2 3 var LargeExpDate = new Date(); 4 LargeExpDate.setTime(LargeExpDate.getTime() + (expires*1
js封裝ajax的方法
常用的ajax請求方法封裝 /** * ajax請求的封裝程式碼 */ function ajaxPost(url, params, cb) { $.ajax({ type : 'post', url : url, data : params, cache :
PHP----------php封裝的一些簡單實用的方法匯總
urn HP ont spa ack || span array imp 1、xml轉換成array,格式不對的xml則返回false function xml_parser($str){ $xml_parser = xml_parser_create();
一些簡單的方法封裝
對於一個多人合作的專案來講,每個人都有自己的程式碼風格,為了增加程式碼的可讀性和後期的升級。我的建議是把一些重複的程式碼封裝一下。寫上註釋,這樣,其他人也可以呼叫。廢話上說。直接程式碼。 /** * 沉浸式 * * @param activity */ public static v
原生js繫結事件方法簡單封裝
const ListenerFN = function ({ target, event, FN, option = {} }) { if (target, event, FN) Error('ta
自己封裝的一些簡單的jQuery插件
目標 browser 文本 nis targe arr nim function etc 俗話說的好:溫故而知新,可以為師矣! 學習是一個人一輩子的事情。於是乎趁著今天休息,回顧了一些知識點,可能做的不夠完美,請多多指教。 /** * Created by Admi
js刪除數組元素、清空數組的簡單方法
clas ray 元素 方法 tro class 刪除 blog 索引 一、清空數組 var ary = [1,2,3,4]; ary.splice(0,ary.length);//清空數組 console.log(ary); // 輸出 [],空數組,即被清
關於tween.js 封裝的方法
++ r+ cti obj 今天 nbsp start document timer 今天做的是勻速情況下div的運動。首先開始之前先了解運動的原理 A------------>>BA移動到B 這段距離是總距離 用一個變量保存下來:var dA移動
utils.js文件;一些常用方法的備份
error window 位置 橫線 gif none gets callback obi 一些常用方法備份: function _(value) { value = ‘0‘ + value; return value.substr(value.leng
bootstrap Table API和一些簡單使用方法
type 字段名 specified 匹配 請求方式 css 情況 ebo 空字符 官網: http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/ 後端分頁問題:後端返回”rows”、“”total,這樣才能
原生Js封裝ajax方法
() www toupper -type get data function form encodeuri // ajax封裝function ajax(options) { /** * 傳入方式默認為對象 * */ options = opti
JS運算符的一些簡單練習和應用
操作符 正整數 else if b+ 整數 最大 最終 運算 方法 練習-01 判斷奇數偶數 var num =prompt("請輸入一個數"); alert(num%2==1?
自己稍微整理一些簡單js的DOM操作
tro 索引 刪除 自己 類名 pen reat setattr index document.createElement(“標簽名”)//創建標簽的 document.createTextNode()//創建文本節點 父標簽.appendChid(用createEleme
js:ajax的get方法實現簡單的搜索框提示
eas cut add index title 節點 subst 直接 foreach 效果演示: 一,使用nodejs搭建後臺環境,通過ajax的get方法將文本框中的值,實時傳輸到後臺進行比較,後臺返回相應的結果,將結果返回到ul中 1,創建路由 app4.js /
ubuntu 上安裝node.js 的簡單方法
config targe int ubun span 命令 ins x64 com 一、安裝 1.$ sudo apt-get install nodejs2.$ sudo apt-get install npm二、升級 1.升級npm命令如下: $ sudo np
JS中數組方法的封裝之slice
n) 功能 urn new ice this 三目運算符 fun 負數 slice方法的功能 // 1) : 數組的截取 // 2) :slice(m,n): 從數組索引m開始,截取到索引n,但是不包含n;[前包後不包] // slice(m) : 從索引m開始,截取到末尾
JS中一些特殊的方法
獲取 mage exc prope mp4 names vid 中一 var //用某個字符切割成數組 var str = "obj_str"; var arr = str.split(‘_‘); //arr = [‘obj‘,‘str‘]; //獲取對象的屬性 YanXG
js封裝獲取id的方法
function bstr get pre light urn subst string 封裝 function $(selector) { var c = selector.substring(0, 1); if(c == "#") { return