【jquery隐藏一个段落】JQuery文档副本

JQuery([selector，context])

Selector:要查找的字符串context:要查找的DOM元素集、文档或jQuery对象的示例：$ ('input3360 radio 'document . forms[0])；

//在文档的第一个表单中查找所有单选按钮(例如type值为radio的input元素)each(callback)

使用每个匹配的元素作为上下文执行函数

$('img ')。each(function(i){

='测试' I 'JPG '

})；

//tips:您可以使用return false预先弹出each回圈get([index])

Get()获取所有匹配的DOM元素集合；[index]获取index位置的元素。

Offset([coordinates])

获取当前视口中匹配元素的相对偏移。返回的对象有两个成型属性：top和left。此方法仅对可见元素有效。

ScrollTop([val])

获取匹配元素距滚动条顶部的偏移量。此方法对可见图元和隐藏图元都有效。

On(事件，[选择]，[数据]，fn)

事件：一个或多个事件类型和以空格分隔的可选命名空间(例如“click”或“keydown.myPlugin”)。

Selector:过滤器的触发事件的选择器字符串的子元素。如果选择Null或省略，则到达选定元素时将始终触发事件。

Data:事件触发后，将event.data传递给事件处理程序。

Fn:是在事件触发时执行的函数。False值也可以作为函数的缩写返回false。

Function myHandler(event) {

ALER)；

}

$ ('p ')。on ('click '{foo:' bar'}，myhandler) trigger (type，[data])

从每个匹配的元素触发特定类型的事件。

使用此函数还会执行具有相同浏览器名称的默认行为。例如，如果使用trigger()触发“submit”，则还可以从浏览器提交表单。

$ ('p ')。click (function(事件，a，b) {

//对于典型的单击事件，a和b为undefined类型

//如果由以下语句触发，则a指向' foo 'b指向' bar '

})。trigger ('click '['foo '' bar '])；Triggerhandler(类型，[数据])

这个特殊的方法会触发与指定事件类型相关联的所有处理程序。但是，它不执行浏览器默认操作，也不生成事件冒泡。

此方法的行为类似于trigger，但有三个主要差异：

*第一，不触发浏览器默认事件。

*第二，仅针对jQuery对象集合中的第一个元素触发事件处理程序。

*第三，此方法返回事件处理程序的返回值，而不是可链接的jQuery对象。此外，如果第一组jQuery对象为空，则此方法返回undefined。

//针对focus事件。如果运行了triggerHandler()

//浏览器的默认行为不会触发，只会触发绑定的行为。

$('#old ')。click(function(){

$('input ')。trigger(' focus ')；

})；

$('#new ')。click(function(){

$ ('input ')。trigger handler(' focus ')；

})；

$('input ')。focus(function(){

$('spanFocused！/span ')。append to ('body ')。fadeout(1000)；

})；Hide([speed，[easing]，[fn])

Speed:字串(' slow '' normal 'or 'fast ')或表示动画持续时间的毫秒值(例如1000) swing 3360 (optional)，是三种预先决定的速度之一

de>//用200毫秒将段落迅速隐藏，之后弹出一个对话框。
$("p").hide("fast",function(){
alert("Animation Done.");
});

animate(params,[speed],[easing],[fn])

用于创建自定义动画的函数。

• params:一组包含作为动画属性和终值的样式属性和及其值的集合
• speed:三种预定速度之一的字符串("slow","normal", or "fast")或表示动画时长的毫秒数值(如：1000)
• easing:要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 "swing".
• fn:在动画完成时执行的函数，每个元素执行一次。

// 在一个动画中同时应用三种类型的效果
$("#go").click(function(){
$("#block").animate({
width: "90%",
height: "100%",
fontSize: "10em",
borderWidth: 10
}, 1000 , "easein");
});

serialize()

序列化内容为字符串。

jQuery.param(obj,[traditional])

将表单元素数组或者对象序列化，是serialize()的核心方法。

var myObject = {
a: {
one: 1,
two: 2,
three: 3
},
b: [1,2,3]
};
var recursiveEncoded = $.param(myObject);
var recursiveDecoded = decodeURIComponent($.param(myObject));

alert(recursiveEncoded);
alert(recursiveDecoded);
//a%5Bone%5D=1&a%5Btwo%5D=2&a%5Bthree%5D=3&b%5B%5D=1&b%5B%5D=2&b%5B%5D=3
//a[one]=1&a[two]=2&a[three]=3&b[]=1&b[]=2&b[]=3

var shallowEncoded = $.param(myObject, true);
var shallowDecoded = decodeURIComponent(shallowEncoded);

alert(shallowEncoded);
alert(shallowDecoded);
//a=%5Bobject+Object%5D&b=1&b=2&b=3
//a=[object+Object]&b=1&b=2&b=3

jQuery.type(obj)

检测obj的数据类型。


jQuery.type(true) === "boolean"
jQuery.type(3) === "number"
jQuery.type("test") === "string"
jQuery.type(function(){}) === "function"
jQuery.type([]) === "array"
jQuery.type(new Date()) === "date"
jQuery.type(/test/) === "regexp"


百度分享

<div class="bdsharebuttonbox ">
<a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a>
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a>
<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
</div>
/* 分享 */
<script>
window._bd_share_config = {
"common": {
"bdText" : 'title',
"bdComment" : '我是通用分享设置,会出现在发送给QQ好友里的描述',
"bdPic" : "https://.....;,//分享的图像地址
"bdSnsKey": {},
"bdMini": "2",
"bdMiniList": false,
"bdStyle": "0",//按钮样式
"bdSize": "36",//按钮大小
"bdDesc":'给你的好友留一句话吧'
},
"share": {}
};
with(document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src =
'<?=static_url("static/api/j;)?>?cdnversion=' + ~(-new Date() / 36e5)];
</script>