jQuery入门第二天&&&正则表达式完结篇——仿smarty引擎的制作，jquery入门_PHP教程

jQuery入门第二天&&&正则表达式完结篇——仿smarty引擎的制作，jquery入门

　　hi

周一完全的不在状态。。。中午还去观战，没有睡觉的我，晚上的smarty不知道能不能做完，加油吧

1、jQuery

---过滤性选择器（二）---

--[attribute=value]属性选择器

属性作为DOM元素的一个重要特征，也可以用于选择器中，从本节开始将介绍通过元素属性获取元素的选择器，[attribute=value]属性选择器的功能是获取与属性名和属性值完全相同的全部元素，其中[]是专用于属性选择器的括号符，参数attribute表示属性名称，value参数表示属性值。

改变"title"属性值为"蔬菜"的背景色

• 茄子


• 香蕉


• 芹菜


• 苹果


• 西瓜

--:text表单文本选择器

:text表单文本选择器可以获取表单中全部单行的文本输入框元素，单行的文本输入框就像一个不换行的字条工具，使用非常广泛。

修改多个单行输入框元素的背景色

--:password表单密码选择器

如果想要获取密码输入文本框，可以使用:password选择器，它的功能是获取表单中全部的密码输入文本框元素。

修改多个密码输入框元素的背景色

--:radio单选按钮选择器

表单中的单选按钮常用于多项数据中仅选择其一，而使用:radio选择器可轻松获取表单中的全部单选按钮元素。

将表单中单选按钮设为不可用

--:checkbox复选框选择器

表单中的复选框常用于多项数据的选择，使用:checkbox选择器可以快速定位并获取表单中的复选框元素。

将表单的全部复选框设为不可用

--:submit提交按钮选择器

通常情况下，一个表单中只允许有一个“type”属性值为“submit”的提交按钮，使用:submit选择器可获取表单中的这个提交按钮元素。

修改表单中提交按钮的背景色

--:image图像域选择器

当一个元素的“type”属性值设为“image”时，该元素就是一个图像域，使用:image选择器可以快速获取该类全部元素。

修改表单中图像元素的背景色

--:button表单按钮选择器

表单中包含许多类型的按钮，而使用:button选择器能获取且只能获取“type”属性值为“button”的和这两类普通按钮元素。

修改表单中按钮元素的背景色

--:checked选中状态选择器

有一些元素存在选中状态，如复选框、单选按钮元素，选中时“checked”属性值为“checked”，调用:checked可以获取处于选中状态的全部元素。

将处于选中状态的元素设为不可用

--:selected选中状态选择器

与:checked选择器相比，:selected选择器只能获取下拉列表框中全部处于选中状态的选项元素。

获取处于选中状态元素的内容

----------------------------------------------------------------

2、正则表达式

这里要做的引擎模板的作用是，替换变量输出。

需要的是模板文件.class，编译源文件.php

--template.class.php

/*
* 描述：仿smarty模板引擎类文件
*
*/

class template{
private $templateDir; //用来存储源文件所在目录
private $compileDir; //用来存放编译后的文件目录
private $leftTag='{#'; //要替换的对象的标记,smarty默认是{
private $rightTag='#}';
private $currentTemp=''; //用来存储当前正在编译的模板文件名
private $outputHtml; //用来存放currentTemp的HTML代码
private $varpool=array(); //变量池；模板编译时存放变量

public function __construct($templateDir,$compileDir,$leftTag=null,$rightTag=null){
$this->templateDir=$templateDir;
$this->compileDir=$compileDir;
if (!empty($leftTag)) $this->leftTag=$leftTag; //传递左右标记的时候，需要做一下非空的判断
if (!empty($rightTag)) $this->rightTag=$rightTag;
}

//assign函数——把模板中需要用到的变量，放到地址池中，并给定标记
public function assign($tag,$var){
$this->varpool[$tag]=$var;
}

//与上面的assign对应，从地址池中取出变量
public function getVar($tag){
return $this->varpool[$tag];
}

//getSourceTemplate：获取编译的源文件_需要知道文件名，和完整的路径（所以要有拓展名
public function getSourceTemplate($templateName,$ext='.html'){
$this->currentTemp=$templateName;
$sourceFilename=$this->templateDir.$this->currentTemp.$ext;
$this->outputHtml=file_get_contents($sourceFilename);
}

//compileTemplate:编译方法
public function compileTemplate($templateName=null,$ext='.html'){
$templateName=empty($templateName)? $this->currentTemp:$templateName;
//核心代码，正则编译
//\{#\$(\w+)#\}
$pattern='/\{#\$(\w+)#\}/';
//更加清晰的写法$pattern='/'.preg_quote($this->leftTag).' *\$([a-zA-Z_]\w*) *'.preg_quote($this->rightTag).'/';
//核心代码要做的就是找到标记内的东西，然后替换为php可以识别的内容
$this->outputHtml=preg_replace($pattern, 'getVar(\'$1\')?>', $this->outputHtml);
//注意这里的preg_replace的用法，$1表示匹配的子模式

//下面生成目标文件，同样也需要完整的目标路径
$compiledFilename=$this->compileDir.md5($templateName).$ext;
file_put_contents($compiledFilename,$this->outputHtml);
}

public function display($templateName = null, $ext = '.html') {
$templateName = empty($templateName) ? $this->currentTemp : $templateName;
include_once $this->compileDir.md5($templateName).$ext;
}

}

--index.php

/*
* 山寨模板引擎测试文件
*/

//包含文件
require_once 'template.class.php';
//获取路径,basedir根目录
$baseDir=str_replace('\\', '/',dirname(__FILE__));
$temp=new template($baseDir.'/source/', $baseDir.'/compliled/');

//变量池
$temp->assign('pagetitle', '山寨版smarty');
$temp->assign('test','imooc女神');

//
$temp->getSourceTemplate('index');
$temp->compileTemplate();
$temp->display();

--几个要注意的是

按照属性+方法，流水线一样编译就好

然后，一些服务要开，否则像我一样，还要调试。。。

祝大家好运。

http://www.bkjia.com/PHPjc/1067097.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/1067097.htmlTechArticlejQuery入门第二天正则表达式完结篇——仿smarty引擎的制作，jquery入门 hi 周一完全的不在状态。。。中午还去观战，没有睡觉的我，晚上的...