87,904
社区成员
发帖
与我相关
我的任务
分享请发表友善的回复…
发表回复
lixujin123 2012-11-13
- 打赏
- 举报
1、首先是选择器
$('.className') 选择某个class
$('#idName') 选择某个id
$('tagName[xtype='value']') 选择某个具体属性 比如 <a title="a1"></a> 则可以 用$("a[title='a1']") 来选择这个a标签。
2、一些事件，用来进行你写效果的判断依据。
比如常见的hover()就是鼠标移动上去的事件。
click（）鼠标点击的事件。
其他比较常用的还有toggle()、bind（）、mousemove（）、blur（）等。更多见 http://www.w3school.com.cn/jquery/jquery_ref_events.asp
3、对div进行的操作。
比如hide()就是将此div隐藏。show（）显示。这两个是用的比较多的。
还有可以通过css（）来对其css样式进行控制，来达到你想要的效果。
比如$('p').css("color","red")就是选择p标签，使其字体颜色变为红色。
4、常见的定时器。用来进行一些定时切换。比如图片切换，倒计时等效果。
主要用到的是两个函数。setInterval（） setTimeout（） 具体用法你可以百度。
5、其他的比如表单的一些选择操作、还有很重要的ajax操作。鉴于我还没有学习到。就不说了。你可以百度一下。或者在w3school上面学到。
通过上面的1、2、3，你就可以写一些简单的jquery的代码了。
比如，常见的点击效果。
<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("button").toggle(function(){
$("body").css("background-color","green");},
function(){
$("body").css("background-color","red");},
function(){
$("body").css("background-color","yellow");}
);
});
</script>
</head>
<body>
<button>请点击这里，来切换不同的背景颜色</button>
</body>
</html>
分析上面的代码，首先用选择器$("button")选择需要点击切换的按钮，然后为其指定事件。toggle().最后事件触发里面指定相应的操作。得到想要的效果。见http://www.w3school.com.cn/tiy/t.asp?f=jquery_effect_toggle_function
随手写的，比较乱，可能会有错。仅供参考。
godxiaocao 2012-11-13
- 打赏
- 举报
http://www.php100.com/manual/jquery/
在线手册
ChinaXtHuLang 2012-11-13
- 打赏
- 举报
去w3school学院吧
豪情 2012-11-13
- 打赏
- 举报
if( $.browser.safari ) {
// afari
}
if( $.browser.msie && $.browser.version > 6 ) {
// IE6 以上
}
if( $.browser.msie && $.browser.version <= 6 ) {
// IE6 及以下
}
if( $.browser.mozilla && $.browser.version >= '1.8' ) {
// FireFox 2 以上
}
限制字数：
/ 插件代码
jQuery.fn.maxLength = function(max) {
this.each(function() {
var type = this.tagName.toLowerCase();
var inputType = this.type ? this.type.toLowerCase() : null;
if(type == "input" && inputType == "text" || inputType == "password") {
// 最大字符数
this.maxLength = max;
} else if(type == "textarea") {
this.onkeypress = function(e) {
var ob = e || event;
var keyCode = ob.keyCode;
var hasSelection = document.selection ? document.selection.createRange().text.length > 0 : this.selectionStart != this.selectionEnd;
return !(this.value.length >= max && (keyCode > 50 || keyCode == 32 || keyCode == 0 || keyCode == 13) && !ob.ctrlKey && !ob.altKey && !hasSelection);
};
this.onkeyup = function(){
if(this.value.length > max) {
this.value = this.value.substring(0,max);
}
};
}
});
};
// 使用方法
$('#comment').maxLength(20);
wwwhhb4002 2012-11-12
- 打赏
- 举报
好东西，学习一下
ILOVE_ASPNET 2012-11-07
- 打赏
- 举报
最常用
$("#id").val()
$("#id").val("value")
$("#id").show();
$("#id").hide();
$("#id").live("click",function(){});
$("#id").bind("click",function(){});
$("#id").attr("href")
$("#id").attr("href","www.hao123.com")
下班了回家了
暗淡亮点 2012-11-07
- 打赏
- 举报
最常用的无非就是
$("#ID") $(".Class")
.show() .hide() .siblings() .parent() .append()
$.post('url',{a:b},function(data){}) $.get()
还有其他一些方法就去查阅API吧
tianwei8023 2012-11-07
- 打赏
- 举报
$.ajax({
type : "POST",
contentType : "application/json",
url :‘servlet’,
dataType : 'json',
error : function(result){
alert("ceshi1dsfv");
} ,
success : function(result) {
//你的操作，可获取后台数据或给后台传值
}});
后台：
JSONArray ja=JSONArray.fromObject(lists);
response.setContentType("application/x-json;charset=GBK");
response.setHeader("Cache-Control", "no-cache");
ja.write(response.getWriter());
将数据封装到JSONArray，前台可直接使用
doitso 2012-11-07
- 打赏
- 举报
全都在这里：
http://w3school.com.cn/jquery/index.asp
