SimJQ全称Simple JQuery,支持类似JQuery语法的常用DOM操作和网络请求功能。它不到4K大小,适合应用于存储空间极其有限的场景。
或直接引用:
<script type="text/javascript" src="//leytton.gitee.io/simjq/releases/simJQ-2.2.min.js"></script>
函数名 | 说明 | 示例 |
---|---|---|
原则 | 存在多个返回值则返回数组,只有一个值则直接返回 | $('#id').text()、$('.class').eq(0).text()返回一个值 |
eq | 获取第i个元素 | $('.class').eq(i) |
first | 获取第一个元素 | $('.class').first() |
last | 获取最后一个元素 | $('.class').last() |
find | 用于元素查找,支持id,class,标签等选择器 | $('.class').find('.class').find('a') |
removeAttr | 删除属性值 | $('.class').removeAttr('class') |
css | 设置/获取css样式 | $('.class').css('color'[,'red']); |
$('#test1').text('Hello,I\'m Leytton~');
alert($('#test1').text());
$('#test2').attr('my_name', '不亦');
alert($('#test2').attr('my_name'));
$('#test3').html('<a href="http://blog.csdn.net/leytton" target="_blank"><img src="img/sa.jpg" /></a<');
alert($('#test3').html());
if('1' == $('#test4').attr('show')) {
$('#test4').hide();
$('#test4').attr('show', '0');
} else {
$('#test4').show();
$('#test4').attr('show', '1');
}
alert($('#test5').val());
$('#test6').val('Hello,SimJQ~');
$('.test7').eq(0).text('Hi,SimJQ~');
alert($('.test7').eq(0).text());
$('.test8').eq(1,2).text('Hi,SimJQ~');
alert($('.test8').eq(1,2).text());
$('.test9').text('Hi,SimJQ~');
var str='';
str_list=$('.test9').text();
for(var i=0;i<str_list.length;i++){
str+=(i+':'+str_list[i]+'\n');
}
alert('length:'+str_list.length+'\n'+str);
$('.test10').eq(0).attr('my_name', '不亦');
alert($('.test10').eq(0).attr('my_name'));
$('.test11').eq(1,2).attr('my_name', '不亦');
alert($('.test11').eq(1,2).attr('my_name'));
$('.test12').attr('my_name','不亦');
var str='';
str_list=$('.test12').attr('my_name');
for(var i=0;i<str_list.length;i++){
str+=(i+':'+str_list[i]+'\n');
}
alert('length:'+str_list.length+'\n'+str);
$('.test13').eq(0).html('<a href="http://blog.csdn.net/leytton" target="_blank"><img src="img/sa.jpg" /></a<');
alert($('.test13').eq(0).html());
$('.test14').eq(1,2).html('<a href="http://blog.csdn.net/leytton" target="_blank"><img src="img/sa.jpg" /></a<);
alert($('.test14').eq(1,2).html());
$('.test15').html('<a href="http://blog.csdn.net/leytton" target="_blank"><img src="img/sa.jpg" /></a<');
var str='';
str_list=$('.test15').html();
for(var i=0;i<str_list.length;i++){
str+=(i+':'+str_list[i]+'\n');
}
alert('length:'+str_list.length+'\n'+str);
if('0'==$('#eg16').attr('show')){
$('.test16').eq(0).show();
$('#eg16').attr('show','1');
}else{
$('.test16').eq(0).hide();
$('#eg16').attr('show','0');
}
if('0'==$('#eg17').attr('show')){
$('.test17').eq(1,2).show();
$('#eg17').attr('show','1');
}else{
$('.test17').eq(1,2).hide();
$('#eg17').attr('show','0');
}
if('0'==$('#eg18').attr('show')){
$('.test18').show();
$('#eg18').attr('show','1');
}else{
$('.test18').hide();
$('#eg18').attr('show','0');
}
alert('元素对象:'+$('#test19')[0]+'\n文本:'+$('#test19')[0].innerText);
alert('元素对象:'+$('.test20')[0]+'\n文本:'+$('.test20')[0].innerText);
alert('元素对象:'+$('.test21')[1]+'\n文本:'+$('.test21')[1].innerText);
var str='';
for(var i=0;i<$('.test22').length;i++){
str+=(i+':'+$('.test22')[i].innerText+'\n');
}
alert('元素对象数组:'+$('.test22')+'\n'+str);
$('.test23').eq(0).val('Hi,SimJQ~');
alert($('.test23').eq(0).val());
$('.test24').eq(1,2).val('Hi,SimJQ~');
alert($('.test24').eq(1,2).val());
$('.test25').val('Hi,SimJQ~');
var str='';
str_list=$('.test25').val();
for(var i=0;i<str_list.length;i++){
str+=(i+':'+str_list[i]+'\n');
}
alert('length:'+str_list.length+'\n'+str);
$('#test26').click(function() {
alert(this.innerText);
});
$('.test27').eq(0).click(function() {
alert(this.innerText);
});
$('.test28').eq(1,2).click(function() {
alert(this.innerText);
});
$('.test29').click(function() {
alert(this.innerText);
});
var str='';
var i=0;
$('.test30').each(function(){
str+=(i+':'+this.innerText+'\n');
i++;
});
alert('length:'+i+'\n'+str);
//更简单的方式
$res=$('.test30').each(function(){
return this.innerText;
});
alert($res);
返回的是字符串数据,如果没有参数1,则返回的是$()对象
$('#test31').remove();
$('.test32').eq(0).remove();
$('.test33').eq(1,2).remove();
$('.test34').remove();
$('#test35').append('hello');
$('.test36').eq(0).append('<a href="http://www.llqqww.com" target="_blank"<www.llqqww.com</a<');
$('.test37').eq(1,2).append('hello');
$('.test38').append('<a href="http://www.llqqww.com" target="_blank"<www.llqqww.com</a<');
$('#test39').prepend('hello');
$('.test40').eq(0).prepend('<a href="http://www.llqqww.com" target="_blank"<www.llqqww.com</a<');
$('.test41').eq(1,2).prepend('hello');
$('.test42').prepend('<a href="http://www.llqqww.com" target="_blank"<www.llqqww.com</a<');
$('#test43').addClass('red');
$('.test44').eq(0).addClass('red');
$('.test45').eq(1,2).addClass('red');
$('.test46').addClass('red');
$('#test47').removeClass('red');
$('.test48').eq(0).removeClass('red');
$('.test49').eq(1,2).removeClass('red');
$('.test50').removeClass('red');
var url='http://www.llqqww.com/open/json/get.php';
$.ajax({
method: 'GET',
dataType:'json',
url:url,
data:{
name:'Leytton'
},
success: function (data,xhr) {
alert(JSON.stringify(data));
},
error:function(data,xhr){
alert(data);
}
});
var url='http://www.llqqww.com/open/json/post.php';
$.ajax({
method: 'POST',
dataType:'json',
url:url,
data:{
name:'Leytton'
},
success: function (data,xhr) {
alert(JSON.stringify(data));
},
error:function(data,xhr){
alert(data);
}
});