jQuery部分功能使用js進行實現(初探JQ)

阿新 • • 發佈：2019-01-16

init splice {} pla .ajax substr rep 使用 turn

今天使用js寫了段jq中的html()方法。我的原則是廢話不多說，直接放代碼。。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JQuery初探</title>
</head>
<body>
    <div id="box">
        <span>1112</span>
    </div>
    <script>
        var 
 Kodo = function(selector){
            return new Kodo.prototype.init(selector);
        }
        Kodo.prototype = {
            constructor : Kodo,
            length : 0,
            splice : [].splice,
            selector : ‘‘,
            id:{},
            init : function(selector){
                 
//這裏統一認為是id
                if(selector){               
                     this.id = this.createrEleById(selector.substring(1,selector.length));
                }

            },
            html : function(){
                return this.toTrim(this.id.innerHTML);
            },
            createrEleById :  
function(idName){
                return document.getElementById(idName);
            },
            toTrim : function(str){
                //去除字符串兩端空格
                return str.replace(/(^\s*)|(\s*$)/g, ""); 
            }
        }
        Kodo.prototype.init.prototype = Kodo.prototype;
        Kodo.prototype.ajax = function(){
            console.log(‘這裏可以寫ajax‘);
        }
        window.$ = Kodo;
        //$(‘#box‘).ajax();
        console.log($(‘#box‘).html());
    </script>
</body>
</html>

init splice {} pla .ajax substr rep 使用 turn 今天使用js寫了段jq中的html()方法。我的原則是廢話不多說，直接放代碼。。 <!DOCTYPE html> <html lang="en"> <he

仿新浪微博@功能 JS的實現 ——使用JQ At.js 和HTML5 contentEditable

專案需求增加@功能先上效果圖 Atwho.js gitHub地址 https://github.com/ichord/At.js 需要引入的JS： <script type="text/javascript"

jquery部分實用功能

視頻播放 itl ngs ide one select bmi 取消 input ‘‘‘ 主要目的是回顧相關jquery部分功能 ‘‘‘ <!DOCTYPE html><html lang="en"><head> <met

js原生實現選項卡功能

doc pre pan element gre rip class isp height 結構：<div id="box"> 　　<input type="button" value="書籍" class="on"> 　　<in

利用DataSet部分功能實現網站登錄

自己 response comm user script ace xtu lin pts using System; using System.Collections.Generic; using System.Linq; using System.Web; using S

python實現購物車+ATM機部分功能

python功能購物車功能實現作業需求：模擬實現一個ATM+購物商城程序 1.額度15000或自定義 2.首先購物商城，買東西加入購物車，調用信用卡接口結賬 3.可以提現，手續費5% 4.每月22號出賬單，每月10號為還款日，過期未還，按欠款總額萬分之5的利息還款 4.支持多賬戶

JQuery&原生js ——實現剪刀石頭布小遊戲

原生 type space 封裝 jquer 石頭 jquery java .com jQuery是一個快速、簡潔的JavaScript框架，是繼Prototype之後又一個優秀的JavaScript代碼庫（或JavaScript框架）。jQuery設計的宗旨是&ldqu

Nodejs學習筆記（八）—Node.js + Express 實現上傳文件功能（felixge/node-formidable）

blog args 一個 type屬性 ole java mod device 前端前言　　前面講了一個構建網站的示例，這次在此基礎上再說說web的常規功能----文件上傳，示例以一個上傳圖片的功能為例子　　上傳功能命名用formidable實現，示例很簡單! 　　P

Java實現wc部分功能

def planning lin 改進 hub \n personal earch https GitHub倉庫：https://github.com/TaoTaoLv1/WcProject 一、開發前PSP表格預估* PSP2.1Personal Softwa

java畫圖板 (部分功能未實現）

主類 package draw; import java.awt.Color; import java.awt.Dimension; import java.awt.FlowLayout; import java.awt.Font; import java.awt.Graphic

js/jquery對特殊字元進行轉義防止js注入使用示例

/** JQuery Html Encoding、Decoding * 原理是利用JQuery自帶的html()和text()函式可以轉義Html字元 * 虛擬一個Div通過賦值和取值來得到想要的Html編碼或者解碼 */ <script src="https://cdn.b

實現一個簡單的marked編輯格式轉換器部分功能

首先需要在專案裡安裝marked格式編輯包在專案根目錄下執行npm install marked 安裝依賴包至此，package.json裡面 dependencies 已經新增 "marked": "^0.5.1", 然後在需要顯示的元件裡編寫顯示區域

用20行JS程式碼實現貼上板功能

document.execCommand（）此方法就是實現剪貼簿的關鍵，它可以傳入cut,copy,paste三種引數。從最常用的document.execCommand（'copy'）開始介紹。在使用之前，我們應該檢查瀏覽器是否支援copy命令:document.queryCommandS

用C語言實現掃雷部分功能(可連續展開)

用了用了兩天時間，寫了個掃雷的小程式，是不是有點慢了。不過我是真覺得用c寫小東西很有意思。 PS：重新遊戲那裡還沒開始寫，後面會補上。 ** 感覺最困難，花費時間最多的在棋盤中無雷周邊區域顯示的演算法上。 ** 具體程式見下：標頭檔案 #ifndef __SAO

js 實現對jq選擇器 id class tag *選擇器的模仿封裝

簡單弄了一下，大神勿噴，僅供自己練習 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title>

ExpandableListView二級列表購物車部分功能實現思路

//全選計算價格 //全選 checkAll.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { @Override public void onCheckedChanged(Comp

vue+node.js+mysql實現視訊彈幕功能

主體html結構 <div class="vedio-container"> <div class="barrage-container-wrap" ref="barWrapper"> <div class="video-wrapper">

JS：實現頁面列印功能

利用JS實現列印操作條件：IE瀏覽器的WebBrowser外掛，WebBrowser是IE的內建外掛，只需IE即可開啟，可自動使用外掛前提：在html程式碼的body標籤下呼叫WebBrowser外掛，程式碼如下 <object id="WebBrowser"

jquery.vm-carousel.js實現展示多個圖片的輪播效果

集合ArrayList的部分功能實現

程式碼獻上： import java.util.Arrays; public class ArrayList implements List{ private Object[] elementData;//底層是一個數組，目前還沒有確定長度 private int s

jQuery部分功能使用js進行實現(初探JQ)

相關推薦