前端知识
2016-01-20 11:32
435 查看
CSS垂直翻转/水平翻转
http://www.zhangxinxu.com/wordpress/?p=1637
1.选择器
(1)通配符:
$("input[id^='code']");//id属性以code开始的所有input标签
$("input[id$='code']");//id属性以code结束的所有input标签
$("input[id*='code']");//id属性包含code的所有input标签
(2)根据索引选择
$("tbody tr:even"); //选择索引为偶数的所有tr标签
$("tbody tr:odd"); //选择索引为奇数的所有tr标签
(3)获得jqueryObj下一级节点的input个数
jqueryObj.children("input").length;
(4)获得class为main的标签的子节点下所有<a>标签
$(".main > a");
(5)选择紧邻标签
jqueryObj.next("div");//获取jqueryObj标签的后面紧邻的一个div,nextAll获取所有
2.筛选器
//not
$("#code input:not([id^='code'])");//id为code标签内不包含id以code开始的所有input标签
3.事件
//处理文本框上的键盘操作
jqueryObj.keyup(function(event){
var keyCode = event.which;//获取当前按下键盘的键值,回车键为13
}
4.工具函数
$('#someField').val($.trim($('#someField').val()));//消除空格,语法:$.trim(value)
.bind("click",function(){}) 绑定一个click事件
.attr("class","error"); class中的error元素
当DOM(文档对象模型)已经加载 并且页面(包括图像)已经完全呈现时 会发生ready事件
ready()函数仅能用于当前文档 因此无需选择器
语法一 $(document).ready(function)
语法二 $().ready(function)
http://www.zhangxinxu.com/wordpress/?p=1637
1.选择器
(1)通配符:
$("input[id^='code']");//id属性以code开始的所有input标签
$("input[id$='code']");//id属性以code结束的所有input标签
$("input[id*='code']");//id属性包含code的所有input标签
(2)根据索引选择
$("tbody tr:even"); //选择索引为偶数的所有tr标签
$("tbody tr:odd"); //选择索引为奇数的所有tr标签
(3)获得jqueryObj下一级节点的input个数
jqueryObj.children("input").length;
(4)获得class为main的标签的子节点下所有<a>标签
$(".main > a");
(5)选择紧邻标签
jqueryObj.next("div");//获取jqueryObj标签的后面紧邻的一个div,nextAll获取所有
2.筛选器
//not
$("#code input:not([id^='code'])");//id为code标签内不包含id以code开始的所有input标签
3.事件
//处理文本框上的键盘操作
jqueryObj.keyup(function(event){
var keyCode = event.which;//获取当前按下键盘的键值,回车键为13
}
4.工具函数
$('#someField').val($.trim($('#someField').val()));//消除空格,语法:$.trim(value)
.bind("click",function(){}) 绑定一个click事件
.attr("class","error"); class中的error元素
当DOM(文档对象模型)已经加载 并且页面(包括图像)已经完全呈现时 会发生ready事件
ready()函数仅能用于当前文档 因此无需选择器
语法一 $(document).ready(function)
语法二 $().ready(function)
相关文章推荐
- ReactJS结合ES6入门Template
- jquery获取元素高度
- 高性能JavaScript循环语句和条件语句
- React-Native post和get请求
- jsonp跨域问题
- JS 添加千分位,测试可以使用
- jsp标签库(jstl)
- Sublime Text插件:HTML+CSS+JAVASCRIPT+JSON快速格式化
- json--对象互转
- JSON解析技巧
- htm和html有什么区别?
- 《JavaScript面向对象精要》读书笔记
- :nth-child(css3的伪类选择器)
- 下一代前端打包工具与tree-shaking
- FastJson的使用
- css段落首行缩进,文字间距
- difference of NSURLConnection and NSURLSession --reprint
- 终于搞懂了CSS实现三角形图标的原理
- 4000 web可视化学习----tween.js前端动画库
- JS同名函数加载