jquery选择器实现传入变量
2017-03-21 21:46
218 查看
jquery作为一个经久不衰的js库,用起来其实是很方便的。就单单那选择器来说,可以秒杀js几条街。
原生js要
但是在实践操作的时候也遇到了问题。
想实现查询到第i个ul并为其增加class为city的li标签。
如果使用原生js,虽然可以查到第i个ul,但是增加节点实在是太麻烦了。
但是发现报错了。。看来是不能直接传入变量进去,但是jquery也就是js的一个库啊!js可是一个弱类型的语言啊!所以!
就愉快的把变量i传进去啦~ 这也使js方便了很多噢!
js是弱类型语言这句话不只是一个放在那里的定义 要更多的运用和体会!
原生js要
document.getElementsByTagName("ul")这么麻烦的写法,jq一个
$("ul")就解决了。
但是在实践操作的时候也遇到了问题。
想实现查询到第i个ul并为其增加class为city的li标签。
如果使用原生js,虽然可以查到第i个ul,但是增加节点实在是太麻烦了。
var i = 2; var p = document.getElementsByTagName("p")[i]; var span = document.createElement("span"); span.class = "city"; p.appendChild(span); 所以决定用jquery试试,毕竟`$("p:eq(i)").append("<span class='city'></span>")很方便!
但是发现报错了。。看来是不能直接传入变量进去,但是jquery也就是js的一个库啊!js可是一个弱类型的语言啊!所以!
`$("p:eq("+i+")").append("<span class='city'></span>")
就愉快的把变量i传进去啦~ 这也使js方便了很多噢!
js是弱类型语言这句话不只是一个放在那里的定义 要更多的运用和体会!
相关文章推荐
- Jquery选择器中使用变量实现动态选择例子
- Jquery选择器中使用变量实现动态选择例子
- jQuery选择器this通过onclick传入方法以及Jquery中的this与$(this)初探,this传处变量等
- YUI的Selector类库实现JQUERY的选择器的方法
- jQuery利用选择器实现功能模块可见性的控制
- jquery选择器的实现流程简析及提高性能建议!
- 扩展jQuery对象时如何扩展成员变量具体怎么实现
- JQuery模拟四------把用到Sizzle的地方先用CSS3选择器实现
- Jquery选择器----$实现原理
- 不刷新页面jQuery模糊搜索,第二种实现---js全局变量存储数据
- JQuery 变量 选择器
- jquery入门—选择器实现隔行变色实例代码 (仅仅一行代码,实现隔行变色!)
- 实现自己的Jquery之选择器
- jQuery 选择器项目实例分析及实现代码
- JQuery 变量 选择器
- jquery如何引用jsp变量实现获得的cookiepassword写入密码里
- Jquery选择器 $实现原理
- 【jquery】结合class选择器、next、prev方法实现相邻的节点展开隐藏效果
- JQuery入门——选择器实现隔行变色
- Jquery选择器——:eq()的使用注意事项(后面加变量的情况下)