HBuilder快速生成代码行的技巧

1.在body内输入div.box按下tab键

效果：

代码语言：javascript复制

<div class="box"></div>

---

2.在body内输入div#box按下tab键

效果：

代码语言：javascript复制

<div id="box"></div>

---

3.在body内输入ul>li{旺财}*3按下tab键

效果：

代码语言：javascript复制

<ul>
    <li>旺财</li>	
    <li>旺财</li>
    <li>旺财</li>
 </ul>				

---

4.在body内输入div>a[href='#']{小强}*3按下tab键

效果：

代码语言：javascript复制

<div>
      <a href="#">小强</a>
      <a href="#">小强</a>
      <a href="#">小强</a>
</div>

---

5.在body内输入table>tr*3>td{$}*5按下tab键

效果：

代码语言：javascript复制

<table>
	<tr>
	    <td>1</td>
	    <td>2</td>
	    <td>3</td>
	    <td>4</td>
  	    <td>5</td>
    </tr>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
		<td>4</td>
		<td>5</td>
	</tr>
	<tr>
		<td>1</td>
		<td>2</td>
		<td>3</td>
		<td>4</td>
		<td>5</td>
	</tr>
</table>

---

6.在body内输入select>option{$}*5按下tab键

效果：

代码语言：javascript复制

<select name="" id="">
     <option value="">1</option>
     <option value="">2</option>
     <option value="">3</option>
     <option value="">4</option>
     <option value="">5</option>
</select>   

---

7.在body内输入select>option[value=‘序号’]{$}*5>a[href=’#’]{编号}按下tab键

效果：

代码语言：javascript复制

<select name="" id="">
      <option value="序号">1<a href="#">编号</a></option>
      <option value="序号">2<a href="#">编号</a></option>
      <option value="序号">3<a href="#">编号</a></option>
      <option value="序号">4<a href="#">编号</a></option>
      <option value="序号">5<a href="#">编号</a></option>
</select>      

属性值用[ ]填充，文本内容用{ }填充，*数字：代表生成的元素个数

href select table

0 人点赞