实现一个类似jquery选择器的小轮子（一）

　　最近在做移动端的项目，主管说不用jq，尽量用轻量级的类库。但是自己对jq的选择器又比较依靠，因此尝试着在两晚的时间里自己做一个选择器出来，功能当然也是尽量像jq靠拢。

先大致的整理下自己的思路；

　　每一次遍历dom元素，每一次遍历到的元素便是下一次遍历到的元素的父级。

<div class="firstPapas"><!--第一个父级-->
    <li class="secondsPapa"><!--第二个父级-->
            <a href=""></a>
       </li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
</div>
<div class="firstPapas">
    <li class="secondsPapa"><a href=""></a></li>
    <li><a href=""></a></li>
    <li><a href=""></a></li>
</div>

类似jq的方法是

//从每一个1stPapas遍历到每一个2ndPapas,在往下遍历到a
$(‘.firstPapas .secondPapas a‘);

至此整理出自己的思路上一次的子级是下一次的父级.

时间： 2024-08-09 02:20:12

实现一个类似jquery选择器的小轮子（一）的相关文章

实现一个类似jquery选择器的小轮子（二）

大致的思路已经整理出来, 上一次遍历到的子级是下一次遍历到的父级; 首先开始是对$(str)里面的str字符串进行切片; var str = ' div .abc .edf ' $(str); //切片思路如下 //首先在使用选择器时可能手误,前面空了空格,或者后面空了空格:为了增加容错性,在此先对字符串使用trim方法. str = str.replace(/^\s+|\s+$/g,''); console.log(str);//得到'div .abc .edf'; //开始对字符串进行切割

学习小记（2015/10/19）——工作中遇见的一个关于jQuery选择器的小要点。

jQuery是现在非常流行的js库,其中封装了很多很酷炫的功能,其中强大的选择器功能是必不可少的.由于jQuery的选择器,我们能够快速的从许多元素中选中我们需要的目标,从而进行后续的工作.今天,我就讲一下jQuery的我使用jQuery遇见的一个小要点. 当时,我使用jQuery是准备将所有页面上的多选框选中,再对其中某一个进行操作.我是这样做的:HTML: <!DOCTYPE html> <html> <head lang="en"> <m

封装一个类似jquery的ajax方法

//封装一个类似jquery的ajax方法,当传入参数,就可以发送ajax请求 //参数格式如下{ // type:"get"/"post", // dataType:"json"/"jsonp", // url:"地址", // data:{key:value} // success:function(){ // } // } //还需要一个跨域方法,可以访问远程服务器的数据 function myAja

原生的html元素选择器的实现，类似jquery选择器

做前端,需要选择元素,虽说有jquery和各大js库已经帮我造好了轮子,但我想试试自己实现一个,正好项目也不忙,正好加入自己的js文件中,下面是实现代码.用$g("#content .op")这种格式就可以调用,和jquery $()的参数一样: 精心开发5年的UI前端框架! function $findChilds(parentNode, text) { //如果不传入父节点的话,默认为body if(parentNode == undefined) parentNode = doc

手动模拟一个类似jquery的ajax请求

1 var $ = { 2 parms:function(obj){ 3 var str = ''; 4 for(var k in obj){ 5 str +=k+'='+obj[k]+'&'; 6 } 7 str = str.slice(0,-1); 8 return str; 9 }, 10 ajax:function(options){ 11 var type = options.type; 12 var url = options.url||''; 13 var data = optio

#PyQuery: 一个类似jQuery的Python库

#出处:http://www.cnblogs.com/QLeelulu/archive/2010/03/05/pyQuery.html#文档:具体的PyQuery文档见:http://pyquery.org/from pyquery import PyQuery as pqd=pq('<html></html>')#直接拼htmld=pq(url='http://www.qq.com')#打开一个urlprint d('title')#获取title元素print d('title

做一个类似JQuery获取DOM对象的$()

在dom操作时,有时根据id获取单个对象.有时根据className获取多个对象.平常可能我们用两个函数来实现这两个功能.不过我将它们整合了一下,目前使用情况良好,函数如下: view source print? 01 // 根据selector获取单个或多个元素, 02 // 获取多个元素时,可以指定元素的tag类型和父元素 03 function $(selector, tag, parent) { 04 var ret = []; 05 06 //没有传递selec

jquery选择器总结2

1.JQuery的概念 JQuery是一个JavaScript的类库,这个类库集合了很多功能方法,利用类库你可以用一些简单的代码实现一些复杂的JS效果. 2.JQuery实现了代码的分离不用再网页中加入如:onclick之类的事件来调用函数了,直接引入JQuery类库和自己编写的JQuery代码就可以了:如:$(function(){ $("Element").click{function(){ alert("点击我哦!"); }

分析一个类似于jquery的小框架

在网上下了一个类似于jQuery的小框架,分析源码,看看怎么写框架. 选择器Select //用沙箱闭包其整个代码,只有itcast和I暴漏在全局作用域 (function( window , undefined){ //Itcast函数,参数:selector.返回值一个Itcast对象,功能:new Itcast.prototype.init() function Itcast(selector){ return new Itcast.prototype.init(); } // Itcas