JQuery倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互等功能。使用jQuery必须要引用用库文件才有用，如jquery-1.8.3.min.js。无论元素字体中有无css样式，jquery都可以以最高级的权限去设置字体样式。
1.JQuery库中的$()是什么？
$()函数是JQuery()函数的别称。$()函数用于将任何对象包裹成JQuery对象，接着你就被允许调离定义在JQuery对象上的多个不同方法。你可以将一个选择器字符串传入$()函数，它会返回一个包含所有匹配的DOM元素数组的JQuery对象
2.如何找到所有 HTML select 标签的选中项？
$('[name=selectname]:selected')
3.$(this) 和 this 关键字在 jQuery 中有何不同？
$(this) 返回一个 jQuery 对象，你可以对它调用多个 jQuery 方法，比如用 text() 获取文本，用val() 获取值等等。而 this 代表当前元素，它是 JavaScript 关键词中的一个，表示上下文中的当前 DOM 元素。你不能对它调用 jQuery 方法，直到它被 $() 函数包裹，例如 $(this)。
4.jquery怎么移除标签onclick属性？
获得a标签的onclick属性: $("a").attr("onclick")
删除onclick属性：$("a").removeAttr("onclick");
设置onclick属性：$("a").attr("onclick","test();");
5.JQuery中addClass,removeClass,toggleClass的使用。
$(selector).addClass(class)：为每个匹配的元素添加指定的类名
$(selector).removeClass(class)：从所有匹配的元素中删除全部或者指定的类，删除class中某个值；
$(selector).toggleClass(class)：如果存在（不存在）就删除（添加）一个类
$(selector).removeAttr(class);删除class这个属性；
6.JQuery有几种选择器?
(1)、基本选择器：#id，class,element,*;
(2)、层次选择器：parent > child，prev + next ，prev ~ siblings
(3)、基本过滤器选择器：:first，:last ，:not ，:even ，:odd ，:eq ，:gt ，:lt
(4)、内容过滤器选择器： :contains ，:empty ，:has ，:parent
(5)、可见性过滤器选择器：:hidden ，:visible
(6)、属性过滤器选择器：[attribute] ，[attribute=value] ，[attribute!=value] ，[attribute^=value] ，[attribute$=value] ，[attribute*=value]
(7)、子元素过滤器选择器：:nth-child ，:first-child ，:last-child ，:only-child
(8)、表单选择器： :input ，:text，:password ，:radio ，:checkbox ，:submit 等；
(9)、表单过滤器选择器：:enabled ，:disabled，:checked ，:selected
7.JQuery中的Delegate()函数有什么作用？
delegate()会在以下两个情况下使用到：
1、如果你有一个父元素，需要给其下的子元素添加事件，这时你可以使用delegate()了，代码如下：
$("ul").delegate("li","click", function(){ $(this).hide(); });
2、当元素在当前页面中不可用时，可以使用delegate()
8.$(document).ready()方法和window.onload有什么区别？
(1)、window.onload方法是在网页中所有的元素(包括元素的所有关联文件)完全加载到浏览器后才执行的。
(2)、$(document).ready() 方法可以在DOM载入就绪时就对其进行操纵，并调用执行绑定的函数。
9.如何用JQuery禁用浏览器的前进后退按钮？
$(document).ready(function() {
window.history.forward(1);
//OR window.history.forward(-1);
});
10.jquery中$.get()提交和$.post()提交有区别吗？
相同点：都是异步请求的方式来获取服务端的数据；
异同点：
1、请求方式不同：$.get() 方法使用GET方法来进行异步请求的。$.post() 方法使用POST方法来进行异步请求的。
2、参数传递方式不同：get请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给Web服务器的，这种传递是对用户不可见的。
3、数据传输大小不同：get方式传输的数据大小不能超过2KB 而POST要大的多
4、安全问题： GET 方式请求的数据会被浏览器缓存起来，因此有安全问题。
11.写出一个简单的$.ajax()的请求方式？
$.ajax({
url:'http://www.baidu.com',
type:'POST',
data:data,
cache:true,
headers:{},
beforeSend：function(){},
success:function(){},
error:function(){},
complete:function(){}
});
12.鼠标滑到指定位置时触发事件
$(window).scroll(function(){
if($(window).scrollTop() > 100){
$('.box').addClass('active')
}
else{$('.box').removeClass('active') }
});
13.给某选择器添加css多个样式
$(function(){
$("#id").css({ "width" : "35px", "height" : "35px",});}
});
14. 移除整个元素和内容
$(function(){
$("#id").eq().remove("class");
});
15. 设置多个选择器
$(function(){
$("#seimg01, #setext01").css({ "margin-left" : "-25px",});
});
16. 清除属性样式
$(function(){
$("#delId2 div p span").removeAttr("style");
});
19.设置最后一条数据样式
$(function(){
$(".nri01").last().css("margin-bottom","0px");
});
20.设置第一个元素样式
$(function(){
$(".search-menu ul li").eq(0).css("border-bottom","1px solid #333");
});
21.添加切换效果
$(function(){
$("#id").click(function(){
$("#id02").slideToggle();//滑动切换->向下与向上
});
});
22.当点击元素时，改变图片路径和大小
function dsmenu(){
$("#menupic").attr({
"src" : "{zjtech:sitepath}{zjtech:languagepath}images/menuh.png",
});
//点击后改变图片大小
$("#menupic").css({
"width" : "35px",
});
}
23.当点击空白区域时，设置其他事件
$(document).click(function(emenu){
var _con = $('.menu'); // 设置目标区域
if(!_con.is(emenu.target) && _con.has(emenu.target).length === 0){
$(".menuWrap").slideUp("1200");
});
24.鼠标移动上去和离开效果设置
$(function(){
$("#homepro li").mouseover(function(){
$("#homepro-mask").css("display","block");
});
$("#homepro li").mouseout(function(){
$("#homepro-mask").css("display","none");
});
});
25.点击关闭
$(function(){
$('#close').click(function(){
$('#chat_f1').hide();
});
})
26. 获得$(this)下面的指定的子元素
$(".t_ys").click(function(){
//方法一 find查找所有的子元素，会一直查找，跨层级查找
$(this).find(".name").html();
//方法二 children 查找直接的子元素，不会跨层级
$(this).children(".name").html();
})
27.从第2个字符截取到第4个字符
$(document).ready(function() {
$(".daymd").each(function() {
var maxwidth = 2;
if ($(this).text().length > maxwidth) {
$(this).text($(this).text().substring(2, 4));//从第2个字符截取到第4个字符
$(this).html($(this).html() + ''); //可加省略号 ...
}
});
});
28.当参数数据为空时，删除整个元素
var cshu1 = "[content:P_parame01]" ; //var cshu = "";//空串
cshu1 = Boolean(cshu1);//false
console.log(cshu1);
//alert("我是参数01：" + "返回 " + cshu1);
if(cshu1 == false){
var obj1 = document.getElementById("delId1");
obj1.innerHTML = "";//删除div内容
//删除div
var parentObj1 = obj1.parentNode;//获取div的父对象
parentObj1.removeChild(obj1);//通过div的父对象把它删除
}
扫一扫 加微信咨询
