导航:首页 > 使用方法 > jq的常用方法

jq的常用方法

发布时间:2022-02-07 07:16:00

‘壹’ jquery的几个常用方法

.bind()
.unbind()
.css()
.hasclass()
.removeclass
.parent()
.children()
.html()
.hide()
.show()
.attr()
.val()

‘贰’ 常用的JQuery类方法有哪些

查看jquery的API手册,所有的类方法都列在里面,包含方使用参数、使用例子

‘叁’ 面试题jquery常用方法有哪些

animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数(仍未运行)设置延迟 dequeue() 运行被选元素的下一个排队函数 fadeIn() 逐渐改变被选元素的不透明度,从隐藏到可见 fadeOut() 逐渐改变被选元素的不透明度,从可见到隐藏 fadeTo() 把被选元素逐渐改变至给定的不透明度 hide() 隐藏被选的元素 queue() 显示被选元素的排队函数 show() 显示被选的元素 slideDown() 通过调整高度来滑动显示被选元素 slideToggle() 对被选元素进行滑动隐藏和滑动显示的切换 slideUp() 通过调整高度来滑动隐藏被选元素 stop() 停止在被选元素上运行动画 toggle() 对被选元素进行隐藏和显示的切换

‘肆’ jquery方法怎么

jQuery 有很多函式。你是想写出一套新的 jQuery,想写新的 jQ 函式,还是想用 jQ 写自己的函式?

‘伍’ Jquery中常用的AJax的方法有哪几个

jQuery中ajax的4种常用请求方式:

1.$.ajax()返回其创建的 XMLHttpRequest 对象。
$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。详细参数选项见下。
如果你指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml")。
实例:
保存数据到服务器,成功时显示信息。
$.ajax({
type: "post",
dataType: "html",
url: '/Resources/GetList.ashx',
data: dataurl,
success: function (data) {
if (data != "") {
$("#pager").pager({ pagenumber: pagenumber, pagecount: data.split("$$")[1], buttonClickCallback: PageClick });
$("#anhtml").html(data.split("$$")[0]);

}
}
});

2.通过远程 HTTP GET 请求载入信息。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
实例:
$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});

3. 通过远程 HTTP POST 请求载入信息。
这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
实例:
$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) {
if (data == "ok") {
alert("添加成功!");
}
})

4.通过 HTTP GET 请求载入 JSON 数据。
实例:
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?",
function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images");
if ( i == 3 ) return false;
});
});

‘陆’ jquery的引用方式有几种分别是什么

总共有三种引用方式。

1、最常用的,引入样式表,在样式表中编写样式,引入方式如下:

<link href="css/style.css" rel="stylesheet" type="text/css">

2、在Html头部用<style></style>包起来,在这里面编写样式:

<style type="text/css">

*{

padding: 0;margin: 0

}

</style>

3、在标签里面直接编写行内样式。

<div style="color: #333"><div>

当然还有一种方式是用JS直接更改或者赋值给某个标签,但是其实是属于第三种的范围的。

‘柒’ jquery的初始化方法有哪些

第一种:
<script type="text/javascript" src="./js/jquery-1.7.min.js"></script>

<script type="text/javascript">

//init method one
$(document).ready(function(){
trace("初始化方法进入");
});
function trace(obj){
console.log(obj);
}
</script>
第二种:
<script type="text/javascript">
//init method one
$(function(){
trace("初始化方法进入二");
});
function trace(obj){
console.log(obj);
}
</script>
第三种:
<script type="text/javascript" src="./js/jquery-1.7.min.js"></script>
<script type="text/javascript">
//init method one
jQuery(function($){
trace("初始化方法进入三");
});
function trace(obj){
console.log(obj);
}
</script>

‘捌’ jQuery常用属性和方法有哪些

属性:

获得标签:$("#id")
获得标签内的代码:.html()
获得标签内的文本:.text()
修改标签内的代码:.html("内容");
修改标签内的文本:.html("内容");

获得标签属性:.attr("属性");
修改标签属性:attr("属性","属性值");

添加样式:addClass("样式名");
动态切换样式:toggleClass("样式名");
获取样式:css

添加元素:append("元素");
移去元素:.remove();
清空节点: .empty();

获取第二个li节点: var $li=$("ul li:eq(1)");
获取第二个li节点的文本内容: var li_txt=$
方法:
一:插入节点:
append() 向每个匹配的元素文本内部的后面追加内容
eg:<p>我想说:</p>

代码:

$("p").append("<b>你好</b>");

结果为:<p>我想说:<b>你好</b></p>

appendto() 将所有的匹配的元素追加到指定的元素中。实际上,使用该方法是颠倒了常规的$(A).append(B)的操作,即不是B追加到A中,而是将A追加到B文本的后面中。
eg:<p>我想说:</p>

代码:

$("<b>你好</b>").appendTo("p");

结果为:<p>我想说:<b>你好</b></p>

prepend() 向每个匹配的元素文本的内部前置内容。
eg:<p>我想说:</p>

代码:

$("p").prepend("<b>你好</b>");


结果为:<p><b>你好</b>我想说:</p>

prependto() 将所有的匹配的元素前置到指定的元素中。实际上,使用该方法是颠倒了常规的$(A).append(B)的操作,即不是B前置到A中,而是将A前置到B中
eg:<p>我想说:</p>

代码:

$("<b>你好</b>").prependto("p");

结果为:<p><b>你好</b>我想说:</p>

after() 向每个匹配的元素之后插入内容 。
eg:<p>我想说:</p>

代码:

$("p").after("<b>你好</b>");


结果为:<p>我想说:<b>你好</b></p>

insertAfter 将所有的匹配的元素插入到指定的元素后面。实际上,使用该方法是颠倒了常规的$(A).append(B)的操作,即不是B插入到A后面,而是将A插入到B后面。
eg:<p>我想说:</p>

代码:

$("<b>你好</b>").after("p");

结果为:<p>我想说:<b>你好</b></p>
before() 在每个匹配的元素之前插入内容
eg:<p>我想说:</p>

代码:

$("<b>你好</b>").after("p");

结果为:<p>我想说:<b>你好</b></p>
insertBefore():将A标签插入到B标签的前面

二:删除:
①remove 该节点所包含的所有的后代节点将同时被删除 也可以通过参数来选择
②empty 清空节点,它能清空元素中的所有后代节点

三:替换节点:
①replaceWith() 作用是将所有匹配的元素都替换成指定的HTML或DOM元素
②replaceAll()

四:包裹节点:
①warp() 作用是是将所有元素进行单独包裹
②warpAll() 作用元素的是所有匹配的元素用一个元素来包裹
③warpinner() 作用是将每一个的子内容(包括文本节点)用其他结构化的标记包裹起来

五:设置和获取HTML、文本值
1、html():
2、text
3、val

六:遍历节点
1、children(): 取得匹配元素的子元素
2、next():取得匹配元素后面紧邻的同辈元素
3、prev():取得匹配元素前面紧邻的同辈元素
4、siblings():取得匹配元素前后所有的同辈元素
5、closest():取得最近的匹配元素

七:css-dom
css 获取样式的属性

offset()
position
scroll
scrollLeft

样式操作:
1:获取样式和设置样式 attr
eg:<p class="myClass" title="选择你最喜欢的水果">你最喜欢的水果是?</p>
获取样式: var p_class=$("p").attr("class");
设置样式:$("p").attr("class","high");
2:追加样式 addClass
<style>
.high{
font-weight:bold 粗体字
color:red 字体颜色
}
.another{
font-weight:italic 斜体字
color:blue 字体颜色
}
</style>

追加样式:

$("input:eq(2)").click(function(){$("p".addClass("another"))})

☆在css中有以下规定:
①如果给一个元素添加了多个class值,那么就相当于合并了他们的样式
②如果不同的class设置了同一样式,则后者覆盖前者
addClass attr
对同一个网页元素进行操作 <p>test</p> <p>test</p>
第一次使用 $<"p">.addClass("high"); $<"p">.attr("class","high");
第一次结果 <p class="high">test</p> <p class="high">test</p>
再次使用 $<"p">.addClass("another"); $<"p">.attr("class","another");
最终结果 <p class="high another">test</p> <p class="another">test</p>

3:移除样式 removeClass
<p class="high another">test</p>
移除一个:$<"p">.removeClass("high");
移除二个:$<"p">.removeClass("high").removeClass("another");==$<"p">.removeClass("high another")
移除全部:$<"p">.removeClass();

4:切换样式 toggle


5:判断是否含有摸个样式 hasClass
可以用来判断元素中是否含有某个class,如果有返回true否则返回false

‘玖’ jQuery的10个常用方法是什么

index()
eq()
text()
html()
css()
attr()
animate()
show()
hide()
toggle()
以上是我觉得用的比较多的方法,望采纳!

‘拾’ jquery有什么方法

$("").val()//获取元素的value值有参数的话就是赋值
$("").attr()//两个参数,第一个参数是元素的属性名称,第二个参数是想要设置属性的值,如果只有一个参数是就是获取属性的值。
还有好多,建议你去网络w3school上面有jquery基础相关的东西,然后再买本锋利的jquery提高下。
按以下几类分解
一、选择器(定位元素方法)方法
$("各种类型选择器")

二、筛选方法
$("xxx").find()等

三、对DOM元素的增、删、改方法
如append/remove/html/clone等

四、对DOM元素属性的增、删、改方法
如attr/css/val等方法

五、对集合的处理方法
如json/each等方法

六、对事件的绑定方法
如click/bind/live/toggle等方法

七、其它常用方法
如ajax等

阅读全文

与jq的常用方法相关的资料

热点内容
毛衣分针计算方法 浏览:315
远程红点训练方法 浏览:405
疑难杂症的治疗方法 浏览:729
汽车镀膜蜡的使用方法 浏览:669
幽门螺菌治疗方法 浏览:362
拉杆上篮锻炼方法 浏览:972
陀螺细胞常用的染色方法 浏览:762
错误3014解决方法 浏览:214
肉粽的食品食用方法 浏览:880
芒果汁的制作方法视频 浏览:785
故障处理方法有哪些 浏览:839
门窗铝材安装方法 浏览:996
牛肉如何做好吃的方法 浏览:2
治疗骨刺的土方法如下 浏览:171
女生后背长痘痘的解决方法 浏览:373
家里喝咖啡有哪些方法 浏览:999
摆摊最难研究的方法 浏览:848
短棍的使用方法 浏览:108
手机视频有线接电视机的方法 浏览:71
小儿退烧有什么土方法吗 浏览:636